From bba5b31540d00616347bd8b2391c0fc3b4802284 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Mon, 15 Jun 2026 20:50:14 +0000
Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-003=20=E2=80=94=20link?=
 =?UTF-8?q?-uri=20actiune=20card=20mai=20usor=20de=20atins=20(>=3D36px)=20?=
 =?UTF-8?q?+=20antet=20se=20rupe=20curat=20pe=20mobil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/web/templates/base.html      | 5 +++++
 app/web/templates/dashboard.html | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/web/templates/base.html b/app/web/templates/base.html
index e2ff680..b4773f8 100644
--- a/app/web/templates/base.html
+++ b/app/web/templates/base.html
@@ -30,6 +30,11 @@
     .s-error,.s-needs_data,.s-needs_mapping{color:var(--err);}
     .muted { color:var(--muted); }
     a { color:var(--accent); }
+    /* Link-uri de actiune in antetul cardurilor: zona de atins mai mare (>=36px) si
+       feedback la hover; pe ecrane inguste antetul se rupe curat sub titlu. */
+    .cardlink { font-size:13px; padding:7px 10px; border-radius:6px; display:inline-flex;
+                align-items:center; min-height:36px; white-space:nowrap; }
+    .cardlink:hover { background:var(--line); }
     .flash { background:#16241c; border-left:3px solid var(--ok); padding:8px 12px; border-radius:6px;
              margin:0 0 12px; font-size:13px; }
     .maprow { display:flex; gap:16px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line);
diff --git a/app/web/templates/dashboard.html b/app/web/templates/dashboard.html
index d730665..e273d62 100644
--- a/app/web/templates/dashboard.html
+++ b/app/web/templates/dashboard.html
@@ -30,10 +30,12 @@
 </div>
 
 <div class="card">
-  <div style="display:flex; align-items:center; gap:12px; margin:0 0 12px;">
+  <div style="display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px;">
     <h2 style="font-size:15px; margin:0;">Coada submissions</h2>
-    <a href="/v1/audit/export?status=sent" style="margin-left:auto; font-size:13px;" download>export CSV: trimise</a>
-    <a href="/v1/audit/export?status=all" style="font-size:13px;" download>toate</a>
+    <span style="margin-left:auto; display:flex; gap:8px; flex-wrap:wrap;">
+      <a class="cardlink" href="/v1/audit/export?status=sent" download>export CSV: trimise</a>
+      <a class="cardlink" href="/v1/audit/export?status=all" download>toate</a>
+    </span>
   </div>
   <div hx-get="/_fragments/submissions" hx-trigger="load, every 10s" hx-swap="innerHTML">
     <div class="empty">se incarca…</div>