From 611c5ffbdf69d7ced2155b6cb451506e84197cb6 Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Thu, 2 Jul 2026 20:25:49 +0200
Subject: [PATCH] fix(storage): spacing between the enrichment tag row and
 action rows

The .drive-agent-extra slot stacked the agent tag row and the agent
action row with no vertical gap (and sat flush against the registry
action row). The slot is now a flex column with a .6rem gap + top
margin, hidden when empty; enrichCard's inline margin removed.
---
 CHANGELOG.md                                   |  9 +++++++++
 controller/internal/web/templates/storage.html |  2 +-
 controller/internal/web/templates/style.css    | 17 +++++++++++++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 536b7eb..ab2ba78 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,14 @@
 ## Changelog
 
+### v0.98.1 — drive-card spacing: enrichment rows no longer touch (2026-07-02)
+
+User feedback: on the Meghajtók cards the agent tag row ("Felhasználói adat", "lassú", uuid) and the
+agent action row ("Leválasztás", "Törlés…") rendered with zero vertical gap. The
+`.drive-agent-extra` slot is now a flex column with a .6rem gap (+ .6rem top margin, hidden when
+empty); the inline margin in `enrichCard` dropped in favor of the slot styles; metarow horizontal
+gap tightened to .75rem. CSS + one JS-string line only (storage.html, style.css).
+
+
 ### v0.98.0 — storage IA follow-up: Meghajtók / Hálózati tárhely subpages (2026-07-02)
 
 User feedback on the D1 Tárhely page: the NAS-add button rendered directly next to the local-drive
diff --git a/controller/internal/web/templates/storage.html b/controller/internal/web/templates/storage.html
index 8c4144c..9b1a67d 100644
--- a/controller/internal/web/templates/storage.html
+++ b/controller/internal/web/templates/storage.html
@@ -328,7 +328,7 @@ window.__registeredPaths=[{{range .StoragePaths}}{{if .Path}}"{{.Path}}",{{end}}
   function enrichCard(d, registered){
     var slot=document.getElementById('agent-extra-'+regKey(d));
     if(!slot) return false;
-    var extra='<div class="metarows" style="margin:.4rem 0 0">'
+    var extra='<div class="metarows">'
       +'<span class="metarow">'+roleTag(d.role)+'</span>'
       +(d.class?'<span class="metarow">'+classTag(d)+'</span>':'')
       +(d.durable_id?'<span class="metarow mono" title="Tartós azonosító">'+esc(d.durable_id)+'</span>':'')
diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css
index fea7c77..fd6dff0 100644
--- a/controller/internal/web/templates/style.css
+++ b/controller/internal/web/templates/style.css
@@ -3253,3 +3253,20 @@ span.mono, .mono { font-family: var(--font-data); }
 .nav-links-nested a.active {
     border-left: 3px solid var(--blue);
 }
+
+/* Unified drive view enrichment slot — breathing room between the agent tag row,
+   the agent action row, and the registry action row below. */
+.drive-agent-extra {
+    display: flex;
+    flex-direction: column;
+    gap: .6rem;
+    margin-top: .6rem;
+}
+.drive-agent-extra:empty { display: none; }
+.drive-agent-extra .metarows {
+    margin: 0;
+    gap: .3rem .75rem;
+}
+.drive-agent-extra .drive-actions {
+    margin: 0;
+}