From 97c28b88fced5d73e30716341c68001e907c4a09 Mon Sep 17 00:00:00 2001
From: linguist <22963968+lowlighter@users.noreply.github.com>
Date: Sun, 3 Jan 2021 18:54:43 +0100
Subject: [PATCH] Update style.css

---
 source/app/web/statics/style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/source/app/web/statics/style.css b/source/app/web/statics/style.css
index 66f1d863..8e42ae53 100644
--- a/source/app/web/statics/style.css
+++ b/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%;