From 8583bb8d7baa872bc772f4f859d95d46dd290909 Mon Sep 17 00:00:00 2001
From: Marc-Andre Ferland <madrang@gmail.com>
Date: Sun, 27 Nov 2022 20:36:19 -0500
Subject: [PATCH] Improved tabs flow on small screens.

---
 ui/media/css/main.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index 0cf83302..c958f5e4 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -658,11 +658,15 @@ input::file-selector-button {
     opacity: 1;
 }
 
-/* MOBILE SUPPORT */
-@media screen and (max-width: 700px) {
+/* Small screens */
+@media screen and (max-width: 1265px) {
     #top-nav {
         flex-direction: column;
     }
+}
+
+/* MOBILE SUPPORT */
+@media screen and (max-width: 700px) {
     body {
         margin: 0px;
     }
@@ -712,7 +716,7 @@ input::file-selector-button {
         padding-right: 0px;
     }
     #server-status {
-        display: none;
+        top: 75%;
     }
     .popup > div {
         padding-left: 5px !important;