From 813f6fdc23736a2ac90f01406fa100e224d0f9f8 Mon Sep 17 00:00:00 2001
From: Alexander Brown <DrJKL0424@gmail.com>
Date: Sun, 28 May 2023 15:49:11 -0700
Subject: [PATCH] Styling for the upper controls

---
 javascript/style.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/javascript/style.css b/javascript/style.css
index b3f27cac9..2f99669ea 100644
--- a/javascript/style.css
+++ b/javascript/style.css
@@ -703,7 +703,25 @@ div.controlnet_weight_steps > div.form {
 }
 
 div.controlnet_weight_steps .controlnet_control_weight_slider {
-    grid-column: 1 / 3;
+    grid-column: 1 / -1;
+}
+div.controlnet_image_controls {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+}
+
+div.controlnet_image_controls .controlnet_invert_warning {
+    grid-column: 1 / -1;
+}
+
+div.controlnet_image_controls button {
+    justify-self: center;
+}
+
+div.controlnet_main_options {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-auto-flow: row;
 }
 
 #modelmerger_interp_description { margin-top: 1em; margin-bottom: 1em; }