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"

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;