From 8996cbbfa0b34099553221457db2eb448780ec67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <franjurmanovic@gmail.com>
Date: Mon, 23 Mar 2026 22:36:33 +0100
Subject: [PATCH] fix: server card layout

---
 src/components/server/ServerCard.tsx            | 4 ++--
 src/components/server/ServerListWithActions.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/server/ServerCard.tsx b/src/components/server/ServerCard.tsx
index 7286b9a..13519b1 100755
--- a/src/components/server/ServerCard.tsx
+++ b/src/components/server/ServerCard.tsx
@@ -55,8 +55,8 @@ export function ServerCard({ server }: ServerCardProps) {
 	const isRunning = server.status === ServiceStatus.Running;
 
 	return (
-		<div className="overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40">
-			<Link href={`/dashboard/server/${server.id}`} className="block p-4">
+		<div className="flex flex-col overflow-hidden rounded-lg border border-border bg-canvas transition-colors hover:border-blue/40">
+			<Link href={`/dashboard/server/${server.id}`} className="flex-1 p-4">
 				<div className="flex items-start justify-between">
 					<span className="text-sm font-semibold text-primary">{server.name}</span>
 					<StatusDot status={server.status} />
diff --git a/src/components/server/ServerListWithActions.tsx b/src/components/server/ServerListWithActions.tsx
index 289d9da..95e13c8 100755
--- a/src/components/server/ServerListWithActions.tsx
+++ b/src/components/server/ServerListWithActions.tsx
@@ -60,7 +60,7 @@ export function ServerListWithActions({ servers, user }: ServerListWithActionsPr
 				{/* Card grid — desktop only */}
 				<div
 					className="hidden gap-3 md:grid"
-					style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(360px, 1fr))' }}
+					style={{ gridTemplateColumns: 'repeat(auto-fill, minmax(420px, 1fr))' }}
 				>
 					{servers.map((server) => (
 						<ServerCard key={server.id} server={server} />