Fix some css parameters

static/galene.css

@@ -1251,6 +1251,7 @@ text-align: left;
 
 /* END Sidebar Left */
 
+
 @media only screen and (min-width: 1025px) {
   .coln-right .collapse-video, .coln-right .show-video {
       display: none;
@@ -1301,7 +1302,7 @@ text-align: left;
       height: 100%;
   }
   .media {
-    max-height: calc(var(--vh, 1vh) * 50 - 36px);
+    max-height: calc(var(--vh, 1vh) * 45 - 36px);
   }
 
   #peers {
@@ -1313,12 +1314,12 @@ text-align: left;
   }
 
   .login-container {
-      position: fixed;
-      height: calc(var(--vh, 1vh) * 100 - 56px);
-      top: 56px;
-      right: 0;
-      left: 0;
-      background: #eff3f9;
+    position: fixed;
+    height: calc(var(--vh, 1vh) * 100 - 40px);
+    top: 40px;
+    right: 0;
+    left: 0;
+    background: #eff3f9;
   }
 
   .login-box {
@@ -1326,15 +1327,26 @@ text-align: left;
   }
 
   .coln-left {
-      flex: 50%;
+      flex: 45%;
       width: 100vw;
       /* chat is always visible here */
       display: block !important;
+      border-top: 1px solid #dee1e2;
   }
 
   .coln-right {
-      flex: 50%;
+      flex: 45%;
       position: relative;
+      border-top: 1px solid #dee1e2;
+  }
+
+  .row-top {
+      flex: 10%;
+  }
+
+  .top-header {
+    width: 100%;
+    height: 100%;
   }
 
   .full-width {
@@ -1393,7 +1405,7 @@ text-align: left;
     /* 40px header height
        53px reply box height
     */
-    height: calc((var(--vh, 1vh) * 100 - 40px) / 2 - 53px);
+    /*height: calc((var(--vh, 1vh) * 90 - 40px) / 2 - 53px);*/
   }
 
   .dropdown-content {

static/galene.html

@@ -144,6 +144,9 @@
                 </div>
               </div>
             </div>
+            <div class="row-top" id="top-width">
+              <div class="top-header"></div>
+            </div>
           </div>
         </div>
       </div>