Delete button repositioned

This commit is contained in:
marijo 2026-06-10 05:06:26 +00:00
parent d031ba2a62
commit 46f3020fec
2 changed files with 4 additions and 3 deletions

View file

@ -127,10 +127,8 @@
<label>MonThu 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>

View file

@ -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; }
}