From 4d6e06f499b153a4457e9b645b2fbeb455cf5294 Mon Sep 17 00:00:00 2001
From: NoobishSVK <ardoniceksvk@gmail.com>
Date: Wed, 31 Jan 2024 23:12:26 +0100
Subject: [PATCH] modal fix for phones

---
 web/css/breadcrumbs.css | 7 ++++++-
 web/index.html          | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/css/breadcrumbs.css b/web/css/breadcrumbs.css
index 0d9b367..b03403b 100644
--- a/web/css/breadcrumbs.css
+++ b/web/css/breadcrumbs.css
@@ -31,7 +31,9 @@ h3 {
 
 .form-group {
     float: left;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
+    margin-left: 5px;
+    margin-right: 5px;
 }
 
 #color-settings, #settings {
@@ -90,6 +92,9 @@ h3 {
     h2 {
         display: none;
     }
+    .form-group {
+        float: none;
+    }
     #data-pi {
         font-size: 24px;
         margin-top: 50px;
diff --git a/web/index.html b/web/index.html
index 6c84d1a..ce6effa 100644
--- a/web/index.html
+++ b/web/index.html
@@ -213,7 +213,7 @@
                 </div>
             </div>
 
-            <div class="form-group" style="margin-left: 10px;">
+            <div class="form-group">
                 <label for="signal" style="margin-top: 50px;"><i class="fa-solid fa-signal"></i> Signal units:</label>
                 <!--<select name="signal" style="margin-bottom: 15px;" id="signal-selector">
                     <option value="dbf">dBf</option>
@@ -230,7 +230,7 @@
                 </div>
             </div>
 
-            <div class="bottom-20">
+            <div class="form-group bottom-20" style="float: none;">
                 <label for="themes"><i class="fa-solid fa-user"></i> Users online:</label>
                 <span id="users-online" name="users-online">0</span>
             </div>