From 8d3bc6bea55fa6e2a2af7b8eb02dbf6298036f12 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Mon, 15 Jun 2026 20:39:04 +0000
Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-001=20=E2=80=94=20tabe?=
 =?UTF-8?q?le=20scroll=20in=20card=20pe=20mobil=20(fix=20overflow=20orizon?=
 =?UTF-8?q?tal=20pagina)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tabelul submissions (7 coloane, 591px) iesea din card pe 390px -> toata pagina
scrolla orizontal (docScrollW 636 > 390). Wrap in .tablewrap{overflow-x:auto} +
white-space:nowrap pe celule -> scroll IN card, pagina nu mai deborda. tabular-nums
pe coloanele numerice.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 app/web/templates/_nomenclator.html | 2 ++
 app/web/templates/_submissions.html | 2 ++
 app/web/templates/base.html         | 7 +++++--
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/web/templates/_nomenclator.html b/app/web/templates/_nomenclator.html
index 78d6da4..629a97d 100644
--- a/app/web/templates/_nomenclator.html
+++ b/app/web/templates/_nomenclator.html
@@ -1,4 +1,5 @@
 {% if rows %}
+<div class="tablewrap">
 <table>
   <thead><tr><th>Cod</th><th>Denumire</th><th>Actualizat</th></tr></thead>
   <tbody>
@@ -11,6 +12,7 @@
   {% endfor %}
   </tbody>
 </table>
+</div>
 {% else %}
 <div class="empty">Nomenclator gol. Worker-ul il umple la primul login RAR reusit.</div>
 {% endif %}
diff --git a/app/web/templates/_submissions.html b/app/web/templates/_submissions.html
index 648b49e..582c932 100644
--- a/app/web/templates/_submissions.html
+++ b/app/web/templates/_submissions.html
@@ -1,4 +1,5 @@
 {% if rows %}
+<div class="tablewrap">
 <table>
   <thead><tr><th>#</th><th>Stare</th><th>idPrezentare</th><th>HTTP RAR</th><th>Retry</th><th>Actualizat</th><th>Motiv</th></tr></thead>
   <tbody>
@@ -15,6 +16,7 @@
   {% endfor %}
   </tbody>
 </table>
+</div>
 {% else %}
 <div class="empty">Coada e goala. Trimite o prezentare prin <code>POST /v1/prezentari</code>.</div>
 {% endif %}
diff --git a/app/web/templates/base.html b/app/web/templates/base.html
index a6687a4..6948800 100644
--- a/app/web/templates/base.html
+++ b/app/web/templates/base.html
@@ -17,8 +17,11 @@
     .card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin-bottom:16px; }
     .banner { border-left:3px solid var(--err); background:#241a1a; }
     .banner.hidden { display:none; }
-    table { width:100%; border-collapse:collapse; font-size:14px; }
-    th,td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); }
+    /* Tabelele de date au multe coloane; pe ecrane inguste scroll IN card, nu
+       impinge layout-ul paginii (altfel toata pagina scrolleaza orizontal). */
+    .tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
+    table { width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
+    th,td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); white-space:nowrap; }
     th { color:var(--muted); font-weight:500; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
     .empty { color:var(--muted); padding:24px; text-align:center; }
     .pill { font-size:12px; padding:2px 8px; border-radius:99px; border:1px solid var(--line); }