From e57c998d4ca5551ab5643c71d4ac5df783d3c4ec Mon Sep 17 00:00:00 2001
From: Fabian Homborg <FHomborg@gmail.com>
Date: Sat, 5 Jun 2021 11:46:23 +0200
Subject: [PATCH] webconfig: Make a bit nicer on smaller screens

Actually remove the margins, distribute the color choices evenly and
switch to small mode a bit earlier.
---
 share/tools/web_config/fishconfig.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/share/tools/web_config/fishconfig.css b/share/tools/web_config/fishconfig.css
index 3b64ebc7c..3b6a04806 100644
--- a/share/tools/web_config/fishconfig.css
+++ b/share/tools/web_config/fishconfig.css
@@ -452,6 +452,7 @@ code {
 
 .color_scheme_choice_container {
     padding: 5px;
+    flex-grow: 1;
 }
 
 .fake_cursor {
@@ -617,13 +618,17 @@ img.delete_icon {
     cursor: default;
 }
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 800px) {
     /* On small screens remove the margins to leave more for the actual content */
     body {
         width: 100%;
         margin: 0 0 0 0;
     }
 
+    #ancestor {
+        width: 100%;
+    }
+
     #parent {
         margin-top: 0;
     }