From f049b0bf1279321dabaa2127077632f5e9878822 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Wed, 8 Apr 2026 21:18:14 +0000
Subject: [PATCH] feat(address): side-by-side GoMag|ROA layout, full text,
 uppercase
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Two-column Bootstrap row layout (col-md-6): GoMag left, ROA right
- Removed redundant "ADRESE" section title and "GOMAG"/"ROA" subheaders
- Shortened labels: "Livrare:" / "Facturare:" (context clear from layout)
- Allow text wrapping (white-space: normal) — no more truncation
- text-transform: uppercase on addr-line-text to match ROA style
- Cache bust: style.css?v=43, shared.js?v=41

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 api/app/static/css/style.css | 14 ++++++++++----
 api/app/static/js/shared.js  | 12 ++++++++----
 api/app/templates/base.html  |  9 ++++-----
 3 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/api/app/static/css/style.css b/api/app/static/css/style.css
index 624eee1..5a58b7e 100644
--- a/api/app/static/css/style.css
+++ b/api/app/static/css/style.css
@@ -1217,9 +1217,15 @@ tr.mapping-deleted td {
 }
 
 /* Address compact lines */
+.addr-row {
+    margin-bottom: 4px;
+}
+.addr-row .addr-line-label {
+    width: 72px;
+}
 .addr-line {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     gap: 8px;
     padding: 2px 0;
     font-size: 13px;
@@ -1235,9 +1241,9 @@ tr.mapping-deleted td {
 .addr-line-text {
     flex: 1;
     min-width: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    white-space: normal;
+    word-break: break-word;
+    text-transform: uppercase;
     color: var(--text-primary);
 }
 .addr-line .bi-check-lg {
diff --git a/api/app/static/js/shared.js b/api/app/static/js/shared.js
index 5db75a4..027a383 100644
--- a/api/app/static/js/shared.js
+++ b/api/app/static/js/shared.js
@@ -988,26 +988,30 @@ function _renderHeaderInfo(order) {
 
     // Livrare
     if (addr.livrare_gomag || addr.livrare_roa) {
-        html += addrLine('Livrare GoMag:', addr.livrare_gomag, null);
         const livrRisk = hasEfacturaRisk(addr.livrare_roa);
         const livrMatch = addrMatch(addr.livrare_gomag, addr.livrare_roa);
         let matchType = null;
         if (addr.livrare_roa) {
             matchType = livrRisk ? 'risk' : (livrMatch ? 'match' : 'mismatch');
         }
-        html += addrLine('Livrare ROA:', addr.livrare_roa, matchType);
+        html += '<div class="row addr-row">';
+        html += '<div class="col-md-6">' + addrLine('Livrare:', addr.livrare_gomag, null) + '</div>';
+        html += '<div class="col-md-6">' + addrLine('Livrare:', addr.livrare_roa, matchType) + '</div>';
+        html += '</div>';
     }
 
     // Facturare
     if (addr.facturare_gomag || addr.facturare_roa) {
-        html += addrLine('Facturare GoMag:', addr.facturare_gomag, null);
         const factRisk = hasEfacturaRisk(addr.facturare_roa);
         const factMatch = addrMatch(addr.facturare_gomag, addr.facturare_roa);
         let matchType = null;
         if (addr.facturare_roa) {
             matchType = factRisk ? 'risk' : (factMatch ? 'match' : 'mismatch');
         }
-        html += addrLine('Facturare ROA:', addr.facturare_roa, matchType);
+        html += '<div class="row addr-row">';
+        html += '<div class="col-md-6">' + addrLine('Facturare:', addr.facturare_gomag, null) + '</div>';
+        html += '<div class="col-md-6">' + addrLine('Facturare:', addr.facturare_roa, matchType) + '</div>';
+        html += '</div>';
     }
 
     addressLines.innerHTML = html;
diff --git a/api/app/templates/base.html b/api/app/templates/base.html
index e3a5f69..f8c526a 100644
--- a/api/app/templates/base.html
+++ b/api/app/templates/base.html
@@ -19,7 +19,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css" rel="stylesheet">
     {% set rp = request.scope.get('root_path', '') %}
-    <link href="{{ rp }}/static/css/style.css?v=39" rel="stylesheet">
+    <link href="{{ rp }}/static/css/style.css?v=43" rel="stylesheet">
 </head>
 <body>
     <!-- Top Navbar (hidden on mobile via CSS) -->
@@ -126,9 +126,8 @@
                     <div id="detailDenomMismatch" style="display:none" class="mb-2"></div>
                     <!-- Compact Address Lines -->
                     <div id="detailAddressBlock" style="display:none" class="mb-3">
-                        <div class="detail-col-label d-flex align-items-center justify-content-between" style="border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px">
-                            <span>ADRESE</span>
-                            <button id="refreshAddrBtn" class="btn btn-sm btn-outline-secondary py-0 px-1 ms-2"
+                        <div class="detail-col-label d-flex align-items-center justify-content-end" style="border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px">
+                            <button id="refreshAddrBtn" class="btn btn-sm btn-outline-secondary py-0 px-1"
                                     onclick="refreshOrderAddress(window._detailOrderNumber)"
                                     aria-label="Refresh adresă din Oracle" title="Refresh adresă din Oracle">
                                 <i class="bi bi-arrow-clockwise"></i>
@@ -168,7 +167,7 @@
 
     <script>window.ROOT_PATH = "{{ rp }}";</script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="{{ rp }}/static/js/shared.js?v=38"></script>
+    <script src="{{ rp }}/static/js/shared.js?v=41"></script>
     <script>
     // Dark mode toggle
     function toggleDarkMode() {