From d77c3c7a5cad9e432df2424e1b5225f8658773e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joe=20K=C3=BCng?= <joekueng05@gmail.com>
Date: Wed, 11 Mar 2026 15:28:40 +0100
Subject: [PATCH] feat(front-end): update header layout

---
 .../admin/pages/admin-shop.component.html     |  4 +--
 .../admin/pages/admin-shop.component.scss     | 30 -------------------
 2 files changed, 2 insertions(+), 32 deletions(-)

diff --git a/frontend/src/app/features/admin/pages/admin-shop.component.html b/frontend/src/app/features/admin/pages/admin-shop.component.html
index 2330147..70292de 100644
--- a/frontend/src/app/features/admin/pages/admin-shop.component.html
+++ b/frontend/src/app/features/admin/pages/admin-shop.component.html
@@ -9,7 +9,7 @@
     </div>
 
     <div class="header-side ui-stack ui-stack--dense">
-      <div class="header-stats ui-inline-actions">
+      <div class="header-stats ui-row ui-row--wrap ui-row--end">
         <article class="ui-stat-chip">
           <strong>{{ products.length }}</strong>
           <span>prodotti</span>
@@ -19,7 +19,7 @@
           <span>categorie</span>
         </article>
       </div>
-      <div class="header-actions ui-inline-actions">
+      <div class="header-actions ui-row ui-row--wrap ui-row--end">
         <button
           type="button"
           class="ui-button ui-button--ghost"
diff --git a/frontend/src/app/features/admin/pages/admin-shop.component.scss b/frontend/src/app/features/admin/pages/admin-shop.component.scss
index ee84652..a8b5d19 100644
--- a/frontend/src/app/features/admin/pages/admin-shop.component.scss
+++ b/frontend/src/app/features/admin/pages/admin-shop.component.scss
@@ -80,27 +80,6 @@
   color: var(--color-text-muted);
 }
 
-.header-side {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  align-items: flex-end;
-}
-
-.header-stats {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-  justify-content: flex-end;
-}
-
-.header-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: var(--space-2);
-}
-
 .workspace {
   align-items: start;
 }
@@ -551,15 +530,6 @@ tbody tr.selected {
     align-items: stretch;
   }
 
-  .header-side {
-    align-items: stretch;
-  }
-
-  .header-stats,
-  .header-actions {
-    justify-content: flex-start;
-  }
-
   .list-toolbar,
   .ui-form-grid--two {
     grid-template-columns: 1fr;