From cd27d9b0a7daa1b7d3c6d511328e3e6000b8cd8a Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Thu, 26 Feb 2026 18:39:47 +0100
Subject: [PATCH] style(tables): same height row in all pages

---
 app/client/components/layout.tsx                          | 2 +-
 app/client/components/ui/tabs.tsx                         | 2 +-
 app/client/modules/notifications/routes/notifications.tsx | 2 +-
 app/client/modules/repositories/routes/repositories.tsx   | 2 +-
 app/client/modules/volumes/routes/volumes.tsx             | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/client/components/layout.tsx b/app/client/components/layout.tsx
index d0b6059f..804c0c36 100644
--- a/app/client/components/layout.tsx
+++ b/app/client/components/layout.tsx
@@ -1,4 +1,4 @@
-import { Dot, LifeBuoy, LogOut } from "lucide-react";
+import { LifeBuoy, LogOut } from "lucide-react";
 import { toast } from "sonner";
 import { type AppContext } from "~/context";
 import { GridBackground } from "./grid-background";
diff --git a/app/client/components/ui/tabs.tsx b/app/client/components/ui/tabs.tsx
index 27fff91a..efef2882 100644
--- a/app/client/components/ui/tabs.tsx
+++ b/app/client/components/ui/tabs.tsx
@@ -33,7 +33,7 @@ function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPr
 				// Left bracket - vertical line
 				"before:absolute before:left-0 before:top-0 before:h-7 before:w-0.5 before:bg-[#5D6570] before:transition-colors data-[state=active]:before:bg-[#FF453A]",
 				// Left bracket - top tick
-				"after:absolute after:left-0 after:top-[-1px] after:w-2 after:h-0.5 after:bg-[#5D6570] after:transition-colors data-[state=active]:after:bg-[#FF453A]",
+				"after:absolute after:left-0 after:-top-px after:w-2 after:h-0.5 after:bg-[#5D6570] after:transition-colors data-[state=active]:after:bg-[#FF453A]",
 				className,
 			)}
 			{...props}
diff --git a/app/client/modules/notifications/routes/notifications.tsx b/app/client/modules/notifications/routes/notifications.tsx
index ef3bd7e1..836a7d41 100644
--- a/app/client/modules/notifications/routes/notifications.tsx
+++ b/app/client/modules/notifications/routes/notifications.tsx
@@ -125,7 +125,7 @@ export function NotificationsPage() {
 						{filteredNotifications.map((notification) => (
 							<TableRow
 								key={notification.id}
-								className="hover:bg-accent/50 hover:cursor-pointer"
+								className="hover:bg-accent/50 hover:cursor-pointer h-12"
 								onClick={() => navigate({ to: `/notifications/${notification.id}` })}
 							>
 								<TableCell className="font-medium text-strong-accent">{notification.name}</TableCell>
diff --git a/app/client/modules/repositories/routes/repositories.tsx b/app/client/modules/repositories/routes/repositories.tsx
index 4fb3e806..51a9f40d 100644
--- a/app/client/modules/repositories/routes/repositories.tsx
+++ b/app/client/modules/repositories/routes/repositories.tsx
@@ -123,7 +123,7 @@ export function RepositoriesPage() {
 						{filteredRepositories.map((repository) => (
 							<TableRow
 								key={repository.id}
-								className="hover:bg-accent/50 hover:cursor-pointer"
+								className="hover:bg-accent/50 hover:cursor-pointer h-12"
 								onClick={() => navigate({ to: `/repositories/${repository.shortId}` })}
 							>
 								<TableCell className="font-medium text-strong-accent">{repository.name}</TableCell>
diff --git a/app/client/modules/volumes/routes/volumes.tsx b/app/client/modules/volumes/routes/volumes.tsx
index 3b87f199..ba2f10af 100644
--- a/app/client/modules/volumes/routes/volumes.tsx
+++ b/app/client/modules/volumes/routes/volumes.tsx
@@ -135,7 +135,7 @@ export function VolumesPage() {
 							filteredVolumes.map((volume) => (
 								<TableRow
 									key={volume.name}
-									className="hover:bg-white/2 hover:cursor-pointer transition-colors border-l-2 border-r-2 border-transparent hover:border-white/10"
+									className="hover:bg-white/2 hover:cursor-pointer transition-colors border-l-2 border-r-2 border-transparent hover:border-white/10 h-12"
 									onClick={() => navigate({ to: `/volumes/${volume.shortId}` })}
 								>
 									<TableCell className="font-medium font-mono text-strong-accent">{volume.name}</TableCell>