From 2064cae20ff9461f2e942784d70f42c20ab04055 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 28 Feb 2025 10:23:21 +0000
Subject: [PATCH] chore: release template card min height (#9390)

https://linear.app/unleash/issue/2-3328/release-template-cards-should-have-a-consistent-minimum-height

Sets a consistent min height in our release template cards.


![image](https://github.com/user-attachments/assets/4e1f1994-6044-4df0-9019-abe76ffc9a37)
---
 .../ReleaseManagement/ReleasePlanTemplateList.tsx      | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/releases/ReleaseManagement/ReleasePlanTemplateList.tsx b/frontend/src/component/releases/ReleaseManagement/ReleasePlanTemplateList.tsx
index 767cec5dee..f89cddfaac 100644
--- a/frontend/src/component/releases/ReleaseManagement/ReleasePlanTemplateList.tsx
+++ b/frontend/src/component/releases/ReleaseManagement/ReleasePlanTemplateList.tsx
@@ -1,7 +1,11 @@
-import { Grid } from '@mui/material';
+import { Grid, styled } from '@mui/material';
 import { ReleasePlanTemplateCard } from './ReleasePlanTemplateCard/ReleasePlanTemplateCard';
 import type { IReleasePlanTemplate } from 'interfaces/releasePlans';
 
+const StyledGridItem = styled(Grid)({
+    minHeight: '180px',
+});
+
 interface ITemplateList {
     templates: IReleasePlanTemplate[];
 }
@@ -12,9 +16,9 @@ export const ReleasePlanTemplateList: React.FC<ITemplateList> = ({
     return (
         <>
             {templates.map((template) => (
-                <Grid key={template.id} item xs={6} md={4}>
+                <StyledGridItem key={template.id} item xs={6} md={4}>
                     <ReleasePlanTemplateCard template={template} />
-                </Grid>
+                </StyledGridItem>
             ))}
         </>
     );