From a99209b6742d45f24c2893b696894a52b95ce0dc Mon Sep 17 00:00:00 2001
From: Marc-Andre Ferland <madrang@gmail.com>
Date: Mon, 28 Nov 2022 20:22:28 -0500
Subject: [PATCH] Add a new css rule for screens smaller than 500px.

---
 ui/media/css/main.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index c958f5e4..74602b79 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -734,6 +734,15 @@ input::file-selector-button {
     }
 }
 
+@media screen and (max-width: 500px) {
+    #server-status #server-status-msg {
+        display: none;
+    }
+    #server-status:hover #server-status-msg {
+        display: inline;
+    }
+}
+
 @media (min-width: 700px) {
     /* #editor {
         max-width: 480px;