Fix small issues with the messenger

www/code/app-code.less

@@ -19,17 +19,16 @@
         flex-flow: column;
         height: 100%;
         min-height: 100%;
-        width: 50%;
         min-width: 20%;
         max-width: 80%;
         resize: horizontal;
         overflow: hidden;
+        width: 50%;
         &.cp-app-code-fullpage {
             max-width: 100%;
             resize: none;
             flex: 1;
         }
-
     }
     .CodeMirror {
         flex: 1;
@@ -51,9 +50,13 @@
             #cp-app-code-container { display: none; }
             #cp-app-code-preview { border: 0; }
         }
+        &.cp-chat-visible {
+            #cp-app-code-container {
+                width: 35%;
+            }
+        }
     }
     #cp-app-code-preview {
-        flex: 1;
         padding: 5px 20px;
         overflow: auto;
         display: inline-block;
@@ -63,6 +66,7 @@
         font-family: Calibri,Ubuntu,sans-serif;
         word-wrap: break-word;
         position: relative;
+        flex: 1;
         media-tag {
             * {
                 max-width:100%;