From 477587a4d40516d18c99e028f42a1191bb2bb8f9 Mon Sep 17 00:00:00 2001
From: Fabian Homborg <FHomborg@gmail.com>
Date: Mon, 15 Feb 2021 20:06:34 +0100
Subject: [PATCH] webconfig: Remove more margins on small screens

This still showed the background gradient, which is just a waste and
looks weird.

Instead make the actual content fullscreen (except for the border
radius, for now)
---
 share/tools/web_config/fishconfig.css | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/share/tools/web_config/fishconfig.css b/share/tools/web_config/fishconfig.css
index d0cbce1dc..ad042b5e1 100644
--- a/share/tools/web_config/fishconfig.css
+++ b/share/tools/web_config/fishconfig.css
@@ -16,14 +16,6 @@ code {
         "Lucida Console", monospace, fixed;
 }
 
-@media screen and (max-width: 700px) {
-    /* On small screens remove the margins to leave more for the actual content */
-    body {
-        width: 100%;
-        margin-left: none;
-        margin-right: none;
-    }
-}
 #parent {
     width: 100%;
     min-height: 480px;
@@ -618,3 +610,18 @@ img.delete_icon {
     background-color: transparent;
     cursor: default;
 }
+
+@media screen and (max-width: 700px) {
+    /* On small screens remove the margins to leave more for the actual content */
+    body {
+        width: 100%;
+        margin: 0 0 0 0;
+    }
+
+    #parent {
+        margin-top: 0;
+    }
+    #tab_contents {
+        margin-bottom: 0;
+    }
+}