Update style.css

source/app/web/statics/style.css

@@ -35,7 +35,7 @@
   nav {
     display: flex;
     border-bottom: 1px solid var(--color-border-secondary);
-    overflow: auto;
+    flex-shrink: 0;
   }
   nav .tab {
     flex-shrink: 0;
@@ -55,6 +55,7 @@
   nav .tab.disabled {
     opacity: .5;
     cursor: not-allowed;
+    pointer-events: none;
   }
   nav .tab svg {
     fill: currentColor;
@@ -77,7 +78,7 @@
     flex-direction: column;
   }
   .left, .right {
-    margin: 0 8px;
+    margin: 0 8px 16px;
   }
   .left {
     flex-shrink: 0;
@@ -99,6 +100,7 @@
   .left .scrollable {
     flex-grow: 1;
     overflow: auto;
+    margin-bottom: 1rem;
   }
   .right {
     flex-grow: 1;
@@ -114,6 +116,7 @@
     display: none;
     justify-content: center;
     margin-top: -20%;
+    z-index: 888;
   }
   .avatar div {
     width: 50%;
@@ -273,7 +276,7 @@
   }
 
 /* Media screen */
-  @media only screen and (min-width: 860px)  {
+  @media only screen and (min-width: 700px)  {
     .left, .right {
       height: 75%;
       width: 0%;