From a38adb77c54d087b5386f2e82622f175291e73d2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 23 Feb 2026 18:28:59 +0000
Subject: [PATCH 1/2] Initial plan


From 7d9d1ac6988611e36aa94976060f49726b3da17e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 23 Feb 2026 18:30:48 +0000
Subject: [PATCH 2/2] fix(ui): fix Remove from DB button layout on settings
 page

- Change button container from flex-col to flex-row to eliminate overlap
- Move Remove from DB button to the left of the Save button
- Change button color from orange to red (bg-red-600)

Co-authored-by: christianlouis <361235+christianlouis@users.noreply.github.com>
---
 frontend/templates/settings.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/templates/settings.html b/frontend/templates/settings.html
index 30b3ffed..c41d90ad 100644
--- a/frontend/templates/settings.html
+++ b/frontend/templates/settings.html
@@ -186,7 +186,19 @@
             </div>
 
             <!-- Per-setting Save / Back-to-ENV buttons -->
-            <div class="ml-4 flex-shrink-0 flex flex-col items-end gap-1 pt-1">
+            <div class="ml-4 flex-shrink-0 flex flex-row items-center gap-2 pt-1">
+              <button
+                type="button"
+                x-show="isDbOverride['{{ setting.key }}']"
+                x-transition
+                @click="revertSetting('{{ setting.key }}')"
+                :disabled="revertingKey === '{{ setting.key }}'"
+                class="px-3 py-1 text-sm bg-red-600 text-white rounded-md hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
+                title="Remove DB override and revert to environment variable or default"
+              >
+                <span x-show="revertingKey !== '{{ setting.key }}'"><i class="fas fa-trash-alt mr-1"></i>Remove from DB</span>
+                <span x-show="revertingKey === '{{ setting.key }}'">Reverting…</span>
+              </button>
               <button
                 type="button"
                 x-show="formData['{{ setting.key }}'] !== originalData['{{ setting.key }}']"
@@ -199,18 +211,6 @@
                 <span x-show="savingKey !== '{{ setting.key }}'"><i class="fas fa-save mr-1"></i>Save</span>
                 <span x-show="savingKey === '{{ setting.key }}'">Saving…</span>
               </button>
-              <button
-                type="button"
-                x-show="isDbOverride['{{ setting.key }}']"
-                x-transition
-                @click="revertSetting('{{ setting.key }}')"
-                :disabled="revertingKey === '{{ setting.key }}'"
-                class="px-3 py-1 text-sm bg-orange-500 text-white rounded-md hover:bg-orange-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-400 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
-                title="Remove DB override and revert to environment variable or default"
-              >
-                <span x-show="revertingKey !== '{{ setting.key }}'"><i class="fas fa-trash-alt mr-1"></i>Remove from DB</span>
-                <span x-show="revertingKey === '{{ setting.key }}'">Reverting…</span>
-              </button>
             </div>
           </div>
         </div>