settings redesign

javascript/setHints.js

@@ -85,6 +85,7 @@ async function setHints() {
   }
   const t1 = performance.now();
   log('setHints', { type: localeData.type, elements: elements.length, localized, hints, data: localeData.data.length, time: t1 - t0 });
+  sortUIElements();
   removeSplash();
   // validateHints(elements, localeData.data)
 }

javascript/style.css

@@ -113,6 +113,7 @@ div#extras_scale_to_tab div.form{ flex-direction: row; }
 .tooltip-show { opacity: 0.9; }
 
 /* settings */
+#si-sparkline-memo, #si-sparkline-load { background-color: #111; }
 .licenses { display: block !important; }
 #quicksettings { width: fit-content; align-items: end; }
 #quicksettings > div, #quicksettings > fieldset{ max-width: 20em; min-width: 24em; padding: 0; border: none; box-shadow: none; background: none; }

javascript/ui.js

@@ -277,7 +277,7 @@ onAfterUiUpdate(async () => {
     promptsInitialized = true;
   }
 
-  sortUIElements();
+  // sortUIElements();
   registerTextarea('txt2img_prompt', 'txt2img_token_counter', 'txt2img_token_button');
   registerTextarea('txt2img_neg_prompt', 'txt2img_negative_token_counter', 'txt2img_negative_token_button');
   registerTextarea('img2img_prompt', 'img2img_token_counter', 'img2img_token_button');