From 46f3020feccdb64d504c21e5f7e27945f0b9c851 Mon Sep 17 00:00:00 2001
From: marijo <marijo@novosel.dk>
Date: Wed, 10 Jun 2026 05:06:26 +0000
Subject: [PATCH] Delete button repositioned

---
 index.html | 4 +---
 style.css  | 3 +++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 89205d5..3d425ed 100644
--- a/index.html
+++ b/index.html
@@ -127,10 +127,8 @@
       <label>Mon–Thu hours<input id="normal_day_hours" type="number" step="0.25"></label>
       <label>Friday hours<input id="friday_hours" type="number" step="0.25"></label>
       <p class="full help-text">Monthly vacation, feriefridage, and FLEX balances are edited directly in the planner table. Clear a value to return to the calculated balance.</p>
-      <div class="full danger-zone">
+      <div class="settings-actions full">
         <button type="button" id="deleteHiddenEntriesBtn" class="danger">Delete entries outside displayed months</button>
-      </div>
-      <div class="actions full">
         <button type="submit">Save settings</button>
       </div>
     </form>
diff --git a/style.css b/style.css
index 4de5d12..2263815 100644
--- a/style.css
+++ b/style.css
@@ -251,6 +251,7 @@ button.danger { background: #5a2320; color: var(--ink); border: 1px solid #5a232
 .actions { display: flex; justify-content: flex-end; gap: .6rem; }
 .help-text { color: var(--muted); margin: 0; font-size: .9rem; }
 .danger-zone { display: flex; justify-content: flex-end; }
+.settings-actions { display: flex; justify-content: space-between; align-items: center; gap: .8rem; }
 .hidden { display: none !important; }
 
 .quick-flex-form {
@@ -496,6 +497,8 @@ tbody tr:hover { background: rgba(255,255,255,.04); }
   .modal { width: calc(100vw - .8rem); max-height: calc(100dvh - .8rem); padding: .75rem; overflow: auto; }
   .modal-heading { margin-bottom: .7rem; }
   .form-grid, .form-grid.compact { grid-template-columns: 1fr; gap: .55rem; }
+  .settings-actions { align-items: stretch; }
+  .settings-actions button { flex: 1; padding-left: .55rem; padding-right: .55rem; }
   input, select, textarea { padding: .62rem .68rem; }
   th, td { padding: .45rem .35rem; }
 }