From 7d99fd5a63565fe98cf3fd4c4a2006f96c762fff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vi=CC=81ctor=20Falco=CC=81n?= <victoor89@gmail.com>
Date: Tue, 30 Jun 2026 12:29:02 +0200
Subject: [PATCH] fix(settings): vertically center rows in automation rules and
 labels tables

The shared TableCell defaults to align-top, so the title, badges and
actions menu sat slightly above the row's vertical center. Override the
data cells with align-middle in both settings tables so every element
lines up with the centered actions button.
---
 resources/js/pages/settings/automation-rules.tsx | 5 ++++-
 resources/js/pages/settings/labels.tsx           | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/js/pages/settings/automation-rules.tsx b/resources/js/pages/settings/automation-rules.tsx
index 7bc37f68..6a387dd7 100644
--- a/resources/js/pages/settings/automation-rules.tsx
+++ b/resources/js/pages/settings/automation-rules.tsx
@@ -155,7 +155,10 @@ function AutomationRuleRow({
                         {row
                             .getVisibleCells()
                             .map((cell: Cell<AutomationRule, unknown>) => (
-                                <TableCell key={cell.id}>
+                                <TableCell
+                                    key={cell.id}
+                                    className="align-middle"
+                                >
                                     {flexRender(
                                         cell.column.columnDef.cell,
                                         cell.getContext(),
diff --git a/resources/js/pages/settings/labels.tsx b/resources/js/pages/settings/labels.tsx
index 8fcf0124..75d6f65f 100644
--- a/resources/js/pages/settings/labels.tsx
+++ b/resources/js/pages/settings/labels.tsx
@@ -121,7 +121,10 @@ function LabelRow({ row }: { row: Row<Label> }) {
                         {row
                             .getVisibleCells()
                             .map((cell: Cell<Label, unknown>) => (
-                                <TableCell key={cell.id}>
+                                <TableCell
+                                    key={cell.id}
+                                    className="align-middle"
+                                >
                                     {flexRender(
                                         cell.column.columnDef.cell,
                                         cell.getContext(),