From 12464bfac01af74e17c40b41462490cedcb3f480 Mon Sep 17 00:00:00 2001
From: Heiner Lohaus <hlohaus@users.noreply.github.com>
Date: Sun, 25 Feb 2024 21:31:52 +0100
Subject: Improve mobile css styles

---
 g4f/gui/client/css/style.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'g4f/gui/client/css/style.css')

diff --git a/g4f/gui/client/css/style.css b/g4f/gui/client/css/style.css
index bd42280d..bed54f88 100644
--- a/g4f/gui/client/css/style.css
+++ b/g4f/gui/client/css/style.css
@@ -541,7 +541,6 @@ label[for="camera"] {
     display: flex;
     align-items: center;
     gap: 16px;
-    padding-right: 15px
 }
 
 .field .about {
@@ -569,7 +568,16 @@ select {
     padding: 8px 16px;
 
     appearance: none;
-    width: 250px;
+    width: 160px;
+}
+
+@media only screen and (min-width: 40em) {
+    select {
+        width: 200px;
+    }
+    .field {
+        padding-right: 15px
+    }
 }
 
 .input-box {
-- 
cgit v1.2.3