1 files changed, 26 insertions, 10 deletions
diff --git a/style.css b/style.css
index 31b2ed5a..b300dfa1 100644
--- a/style.css
+++ b/style.css
@@ -320,20 +320,14 @@ button.custom-button{
 div.dimensions-tools{
     min-width: 0 !important;
     max-width: fit-content;
-    flex-direction: row;
-    align-content: center;
+    flex-direction: column;
+    place-content: center;
 }
 
 div#extras_scale_to_tab div.form{
     flex-direction: row;
 }
 
-#mode_img2img .gradio-image > div.fixed-height, #mode_img2img .gradio-image > div.fixed-height img{
-    height: 480px !important;
-    max-height: 480px !important;
-    min-height: 480px !important;
-}
-
 #img2img_sketch, #img2maskimg, #inpaint_sketch {
     overflow: overlay !important;
     resize: auto;
@@ -363,12 +357,10 @@ div#extras_scale_to_tab div.form{
 
 /* settings */
 #quicksettings {
-    width: fit-content;
     align-items: end;
 }
 
 #quicksettings > div, #quicksettings > fieldset{
-    max-width: 24em;
     min-width: 24em;
     padding: 0;
     border: none;
@@ -417,6 +409,30 @@ table.settings-value-table td{
     max-width: 36em;
 }
 
+.ui-defaults-none{
+    color: #aaa !important;
+}
+
+#settings span{
+    color: var(--body-text-color);
+}
+
+#settings .gradio-textbox, #settings .gradio-slider, #settings .gradio-number, #settings .gradio-dropdown, #settings .gradio-checkboxgroup, #settings .gradio-radio{
+    margin-top: 0.75em;
+}
+
+#settings span .settings-comment {
+    display: inline
+}
+
+.settings-comment a{
+    text-decoration: underline;
+}
+
+.settings-comment .info{
+    opacity: 0.75;
+}
+
 /* live preview */
 .progressDiv{
     position: relative;