From 090367d492881dd997001510e4a8a98f623ed98c Mon Sep 17 00:00:00 2001
From: DenOfEquity <166248528+DenOfEquity@users.noreply.github.com>
Date: Thu, 5 Sep 2024 14:05:54 +0100
Subject: [PATCH] Update style.css (#1698)

The previous change to the width of the input box, to prevent overlap between long checkpoint names and the dropdown arrow, also reduced the clickable region of the input box - showing up the arrow as the purely visual element that it is.
This PR restores width, tweaks position of the arrow, and makes the arrow background solid to avoid inference with text. The latter two changes also affect the vae/te and diffusion in low bits menus.
---
 style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 00cfaa9f..08774078 100644
--- a/style.css
+++ b/style.css
@@ -444,10 +444,14 @@ div.toprow-compact-tools{
 }
 
 #quicksettings > div.model_selection input{
-    width: 85% !important; /* Ensure the input field is never chopped off */
     margin-left: 2% !important; /* override the margin set for subdued */
 }
 
+#quicksettings .icon-wrap {
+    margin-right: -4% !important;
+    background-color: var(--background-fill-secondary);
+}
+
 #quicksettings > div.model_selection li{
     overflow-x: visible !important;
     width: 100% !important; /* Set size to max element */