From 4f68a50a252bc8c6f56ced06e37ab2a4a170aa3f Mon Sep 17 00:00:00 2001
From: Dominik Reh <rehdominik@gmail.com>
Date: Sat, 26 Nov 2022 14:45:43 +0100
Subject: [PATCH] Fix styling for tac refresh buttons Add change listener for
 settings of type 'select'

---
 javascript/tagAutocomplete.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/javascript/tagAutocomplete.js b/javascript/tagAutocomplete.js
index 45e584a..8376424 100644
--- a/javascript/tagAutocomplete.js
+++ b/javascript/tagAutocomplete.js
@@ -23,6 +23,11 @@ const autocompleteCSS = `
         align-self: center;
         margin: 0 5px;
     }
+    [id^=refresh_tac] {
+        max-width: 2.5em;
+        min-width: 2.5em;
+        height: 2.4em;
+    }
     .autocompleteResults {
         position: absolute;
         z-index: 999;
@@ -871,7 +876,8 @@ async function setup() {
     });
     // Add change listener to our quicksettings to change our internal config without the apply button for them
     let quicksettings = gradioApp().querySelector('#quicksettings');
-    quicksettings.querySelectorAll("[id^=setting_tac] > label > input, [id^=setting_tac] > label > textarea").forEach(e => {
+    let commonQueryPart = "[id^=setting_tac] > label >";
+    quicksettings.querySelectorAll(`${commonQueryPart} input, ${commonQueryPart} textarea, ${commonQueryPart} select`).forEach(e => {
         e.addEventListener("change", () => {
             setTimeout(async () => { 
                 await syncOptions();