From db3bfb6fc335868fb0892927ad2f5af019e34a1a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:12:12 +0200
Subject: [PATCH] color setting prettification

---
 .../settings_modal/helpers/color_setting.vue  | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/helpers/color_setting.vue b/src/components/settings_modal/helpers/color_setting.vue
index 9071e3bb9..6813bb2a2 100644
--- a/src/components/settings_modal/helpers/color_setting.vue
+++ b/src/components/settings_modal/helpers/color_setting.vue
@@ -20,7 +20,7 @@
     {{ ' ' }}
     <ColorInput
       :id="path"
-      class="color-setting-input"
+      class="setting-control color-setting-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"
       :placeholder="backendDescriptionSuggestions"
@@ -47,8 +47,25 @@
 <script src="./color_setting.js"></script>
 <style lang="scss">
 .ColorSetting {
+  &.setting-item {
+    display: grid;
+    grid-template-areas:
+      "label control"
+      ". desc"
+      ". draft";
+
+    .setting-label {
+      text-align: right;
+      align-self: center;
+    }
+
+    .setting-control {
+      align-self: end;
+    }
+  }
+
   .color-setting-input {
-    vertical-align: middle;
+    align-self: baseline;
   }
 }
 </style>