From 030011d6f2f0afc870000c13c678a11c9dc597a1 Mon Sep 17 00:00:00 2001
From: Alexander Brown <DrJKL0424@gmail.com>
Date: Sat, 27 May 2023 13:47:06 -0700
Subject: [PATCH] Style the controlnet controls

Mainly just aligns the radio buttons vertically.
---
 javascript/style.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/javascript/style.css b/javascript/style.css
index 5df2f53d7..dc9b07208 100644
--- a/javascript/style.css
+++ b/javascript/style.css
@@ -675,3 +675,24 @@ footer {
 
 #extras_generate, #extras_interrupt, #extras_skip { display: block !important; position: relative; height: 36px; }
 #extras_upscale { margin-top: 10px }
+
+#controlnet_control_type .controlnet_control_type_filter_group .wrap:last-of-type {
+    display: grid;
+    grid-auto-flow: row;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+#controlnet_preprocessor_model {
+    display: grid;
+    grid-auto-flow: row;
+    grid-template-columns: 1fr max-content;
+}
+
+#controlnet_preprocessor_model button.gradio-button {
+    align-self: center;
+}
+
+.controlnet_resize_mode_radio .wrap:last-of-type,
+.controlnet_control_mode_radio .wrap:last-of-type {
+    flex-direction: column;
+}