From a74ccb18d1f2be45d7e856c1eec7bf6381429f2d Mon Sep 17 00:00:00 2001
From: Domenico Pittari <domenico.pittari@mail.polimi.it>
Date: Sat, 14 Mar 2026 16:47:25 +0100
Subject: [PATCH] fix: prevent grid cards from stretching when one is expanded

Add items-start to the events grid so that cards in the same row keep
their intrinsic height instead of stretching to match an expanded card.
---
 frontend/src/components/SessionPicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/SessionPicker.tsx b/frontend/src/components/SessionPicker.tsx
index 82d1565..aa562ed 100644
--- a/frontend/src/components/SessionPicker.tsx
+++ b/frontend/src/components/SessionPicker.tsx
@@ -397,7 +397,7 @@ export default function SessionPicker() {
             <h2 className="text-sm font-bold text-f1-muted uppercase tracking-wider mb-4">
               {year} Season
             </h2>
-            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 items-start">
               {displayEvents.map((evt) => (
                 <EventCard key={evt.round_number} evt={evt} />
               ))}