From 60dfe7a75bb953e2917d0e843595460ee992eb50 Mon Sep 17 00:00:00 2001
From: Emiliano Frascaro <ing.eminux@gmail.com>
Date: Thu, 20 Aug 2026 16:21:03 +0200
Subject: [PATCH] Allinea verticalmente le righe della tabella sessioni admin.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Il flex era sulla td e spezzava vertical-align; ora sta nel contenuto e l'ingest è su una riga.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../app/views/admin/dashboard/index.html.erb  | 12 +++---
 .../app/views/admin/sessions/index.html.erb   | 12 +++---
 backend/app/views/layouts/admin.html.erb      |  2 +-
 backend/public/admin.css                      | 42 +++++++++++++++++--
 4 files changed, 53 insertions(+), 15 deletions(-)

diff --git a/backend/app/views/admin/dashboard/index.html.erb b/backend/app/views/admin/dashboard/index.html.erb
index f9f41fb..d3c4b3a 100644
--- a/backend/app/views/admin/dashboard/index.html.erb
+++ b/backend/app/views/admin/dashboard/index.html.erb
@@ -120,11 +120,13 @@
               <td><span class="badge badge--<%= s.status == 'live' ? 'live' : (s.status == 'paused' ? 'paused' : 'connecting') %>"><%= s.status %></span></td>
               <td><%= render "admin/sessions/ingest_cell", session: s %></td>
               <td class="muted"><%= s.started_at&.strftime("%d/%m %H:%M") || t("admin.common.dash") %></td>
-              <td class="admin-link-compact">
-                <% admin_session_watch_links(s).each do |link| %>
-                  <%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
-                <% end %>
-                <%= link_to t("admin.dashboard.sessions.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
+              <td>
+                <div class="admin-link-compact">
+                  <% admin_session_watch_links(s).each do |link| %>
+                    <%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
+                  <% end %>
+                  <%= link_to t("admin.dashboard.sessions.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
+                </div>
               </td>
               <td class="admin-actions">
                 <%= link_to t("admin.dashboard.sessions.detail"), admin_session_path(s) %>
diff --git a/backend/app/views/admin/sessions/index.html.erb b/backend/app/views/admin/sessions/index.html.erb
index b8df258..f3985b3 100644
--- a/backend/app/views/admin/sessions/index.html.erb
+++ b/backend/app/views/admin/sessions/index.html.erb
@@ -17,11 +17,13 @@
         <td><span class="badge <%= s.status == 'live' ? 'badge--live' : 'badge--paused' %>"><%= s.status %></span></td>
         <td><%= render "admin/sessions/ingest_cell", session: s %></td>
         <td><%= s.disconnection_count %></td>
-        <td class="admin-link-compact">
-          <% admin_session_watch_links(s).each do |link| %>
-            <%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
-          <% end %>
-          <%= link_to t("admin.sessions.index.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
+        <td>
+          <div class="admin-link-compact">
+            <% admin_session_watch_links(s).each do |link| %>
+              <%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
+            <% end %>
+            <%= link_to t("admin.sessions.index.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
+          </div>
         </td>
         <td><%= link_to t("admin.sessions.index.detail"), admin_session_path(s) %></td>
       </tr>
diff --git a/backend/app/views/layouts/admin.html.erb b/backend/app/views/layouts/admin.html.erb
index 7e47050..30cf6cd 100644
--- a/backend/app/views/layouts/admin.html.erb
+++ b/backend/app/views/layouts/admin.html.erb
@@ -4,7 +4,7 @@
   <title><%= t("admin.layout.title") %></title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="robots" content="noindex, nofollow">
-  <link rel="stylesheet" href="/admin.css?v=8">
+  <link rel="stylesheet" href="/admin.css?v=10">
   <% if content_for?(:replay_archive_styles) %>
     <link rel="stylesheet" href="/marketing.css?v=42">
   <% end %>
diff --git a/backend/public/admin.css b/backend/public/admin.css
index 61576d6..fdc3b1f 100644
--- a/backend/public/admin.css
+++ b/backend/public/admin.css
@@ -206,6 +206,7 @@ body.admin-body {
 .admin-table td {
   padding: 0.65rem 0.5rem;
   text-align: left;
+  vertical-align: middle;
   border-bottom: 1px solid var(--card-border);
 }
 
@@ -235,10 +236,11 @@ body.admin-body {
 .badge--ingest-cloud { background: #e65100; color: #fff3e0; }
 
 .admin-ingest {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 4px;
+  display: inline-flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem;
 }
 .admin-ingest__slug {
   font-size: 0.85rem;
@@ -321,9 +323,11 @@ body.admin-body {
   word-break: break-all;
 }
 
+/* Flex sul contenuto, non sulla <td>: altrimenti si rompe vertical-align della riga. */
 .admin-link-compact {
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   gap: 0.35rem;
 }
 
@@ -675,6 +679,36 @@ body.admin-body {
   gap: 0.25rem;
 }
 
+.admin-locale-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
+.admin-locale-tab {
+  background: #2a2a2a;
+  border: 1px solid #444;
+  color: var(--text);
+  border-radius: 6px;
+  padding: 0.4rem 0.75rem;
+  cursor: pointer;
+  font-size: 0.85rem;
+}
+
+.admin-locale-tab.is-active {
+  border-color: #ff2d2d;
+  background: #3a1515;
+}
+
+.admin-locale-panel {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.admin-locale-panel[hidden] {
+  display: none;
+}
+
 .admin-form-actions {
   display: flex;
   flex-wrap: wrap;