From ef996a45b2014c8df98d41d0b7e97b0b8f629503 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Fri, 27 Mar 2026 12:00:50 +0000
Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-004=20=E2=80=94=20fix?=
 =?UTF-8?q?=20mobile=20pills=20horizontal=20overflow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mobile segmented control (7 buttons, 431px) overflowed 375px viewport.
Added overflow-x:auto on segmented containers and min-width:0 on
flex-grow child. Body scroll width now matches viewport.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 api/app/templates/dashboard.html | 4 ++--
 api/app/templates/logs.html      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/api/app/templates/dashboard.html b/api/app/templates/dashboard.html
index e28e16d..65d4237 100644
--- a/api/app/templates/dashboard.html
+++ b/api/app/templates/dashboard.html
@@ -78,8 +78,8 @@
           <button class="filter-pill d-none d-md-inline-flex" data-status="CANCELLED">Anulate <span class="filter-count fc-dark" id="cntCanc">0</span></button>
           <button class="btn btn-sm btn-outline-secondary d-none d-md-inline-flex" id="btnRefreshInvoices" onclick="refreshInvoices()" title="Actualizeaza status facturi din Oracle">&#8635;</button>
         </div>
-          <div class="d-md-none mb-2 d-flex align-items-center gap-2">
-            <div class="flex-grow-1" id="dashMobileSeg"></div>
+          <div class="d-md-none mb-2 d-flex align-items-center gap-2" style="max-width:100%;overflow:hidden">
+            <div class="flex-grow-1" id="dashMobileSeg" style="min-width:0;overflow-x:auto"></div>
             <button class="btn btn-sm btn-outline-secondary" id="btnRefreshInvoicesMobile" onclick="refreshInvoices()" title="Actualizeaza facturi" style="padding:4px 8px; font-size:1rem; line-height:1">&#8635;</button>
           </div>
     </div>
diff --git a/api/app/templates/logs.html b/api/app/templates/logs.html
index 65ba711..34999a3 100644
--- a/api/app/templates/logs.html
+++ b/api/app/templates/logs.html
@@ -57,7 +57,7 @@
         <button class="filter-pill d-none d-md-inline-flex" data-log-status="SKIPPED">Omise <span class="filter-count fc-yellow" id="countSkipped">0</span></button>
         <button class="filter-pill d-none d-md-inline-flex" data-log-status="ERROR">Erori <span class="filter-count fc-red" id="countError">0</span></button>
     </div>
-    <div class="d-md-none mb-2" id="logsMobileSeg"></div>
+    <div class="d-md-none mb-2" id="logsMobileSeg" style="overflow-x:auto"></div>
 
     <!-- Orders table -->
     <div class="card mb-3">