Improve UI for contextual chat and add warning message

customize.dist/src/less2/include/messenger.less

@@ -266,6 +266,24 @@
                     color: darken(@bg-color, 5%);
                 }
             }
+
+            .cp-app-contacts-header-title {
+                padding: 10px;
+                flex: 1;
+            }
+        }
+        .cp-app-contacts-tips {
+            margin: 1em;
+            background-color: lighten(@bg-color, 15%);
+            font-size: 14px;
+            padding: 10px;
+            position: relative;
+            .cp-app-contacts-tips-close {
+                cursor: pointer;
+                position: absolute;
+                top: 2px;
+                right: 2px;
+            }
         }
         .cp-app-contacts-chat {
             height: 100%;

customize.dist/src/less2/include/toolbar.less

@@ -150,8 +150,8 @@
         background-color: @toolbar-bg-color;
         background-color: var(--toolbar-bg-color);
         font: @colortheme_app-font-size @colortheme_font;
-        width: 30%;
-        min-width: 400px;
+        width: 20%;
+        min-width: 200px;
         display: block;
         overflow-y: auto;
         overflow-x: hidden;