From b192d8beb13077c0db0e4e471989e1a9df16800d Mon Sep 17 00:00:00 2001
From: Tom Ernst <tom@citr.one>
Date: Sat, 12 Sep 2026 00:03:43 +0200
Subject: [PATCH] [verified] style: align compact zone actions

---
 app/static/app.js    |  5 +++--
 app/static/style.css | 16 +++++++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/app/static/app.js b/app/static/app.js
index 71ee320..35280a3 100644
--- a/app/static/app.js
+++ b/app/static/app.js
@@ -71,9 +71,10 @@ function render() {
     loudness.dataset.value = String(zone.loudness);
     loudness.disabled = zone.loudness === null || pendingEq.has(`${zone.uid}:loudness`);
     loudness.onclick = () => setEq(zone.uid, 'loudness', loudness.dataset.value !== 'true', loudness);
-    eq.append(loudness);
     const leave = el('button', 'danger', 'Aus Gruppe lösen'); leave.hidden = zone.memberUids.length < 2;
-    leave.onclick = () => act(`/api/groups/${encodeURIComponent(zone.uid)}`, 'DELETE'); card.append(head, track, controls, volume, eq, leave); root.append(card);
+    leave.onclick = () => act(`/api/groups/${encodeURIComponent(zone.uid)}`, 'DELETE');
+    const zoneActions = el('div', 'zone-actions'); zoneActions.append(loudness, leave);
+    card.append(head, track, controls, volume, eq, zoneActions); root.append(card);
   }
   renderSelects(); loadMusic();
 }
diff --git a/app/static/style.css b/app/static/style.css
index 956aa0e..3dd13c8 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -125,11 +125,17 @@ button:hover, button:focus {
   margin-top: 5px;
 }
 
-.loudness {
-  justify-self: start;
-  min-height: 26px;
-  padding: 3px 9px;
-  font-size: .76rem;
+.zone-actions {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 4px;
+}
+
+.zone-actions button {
+  min-height: 24px;
+  padding: 2px 7px;
+  font-size: .72rem;
 }
 
 .loudness.active {
-- 
2.54.0