User CSS Base Capppucine Theme

user.css

@@ -0,0 +1,41 @@
+#txt2img_extra_networks:not(div), #img2img_extra_networks:not(div){
+  order: 1 !important;
+}
+
+#setting_show_progress_every_n_steps > div.wrap > div > label > span {
+    white-space: nowrap;
+    overflow: hidden;
+    width: 220px;
+    text-overflow: ellipsis;
+}
+
+/* Fixing Sampling steps covered up on phone */
+
+@media screen and (min-width: 420px) {
+    #sampler_selection_txt2img, #sampler_selection_img2img {
+      flex-direction: row;
+    }
+}
+
+@media screen and (max-width: 420px) {
+    #sampler_selection_txt2img, #sampler_selection_img2img {
+      flex-direction: column;
+    }
+}
+
+#txt2img_script_container > * .block.padded, #img2img_script_container > * .block.padded {
+  padding: 10px !important;
+}
+
+div.compact {
+    gap: 5px !important;
+}
+
+
+.tab-nav.scroll-hide.svelte-1g805jl {
+    row-gap: 5px !important;
+}
+
+#txt2img_script_container > div, #img2img_script_container > div {
+    margin-bottom: 10px;
+}