From 2ccf0ca0731d59ef12852ec4147946d3fd6ac71f Mon Sep 17 00:00:00 2001
From: Rodrigo Primo <rodrigosprimo@gmail.com>
Date: Tue, 29 Aug 2023 11:34:35 -0300
Subject: [PATCH] Adjust the CSS of the segment template card

This commit makes some adjustments to the segment templates card after
introducing templates with longer descriptions in the previous commit.

[MAILPOET-5394]
---
 mailpoet/assets/css/src/mailpoet-templates.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/mailpoet/assets/css/src/mailpoet-templates.scss b/mailpoet/assets/css/src/mailpoet-templates.scss
index 108739d39b..8914da1022 100644
--- a/mailpoet/assets/css/src/mailpoet-templates.scss
+++ b/mailpoet/assets/css/src/mailpoet-templates.scss
@@ -61,8 +61,12 @@
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
-  height: 148px;
   width: 336px;
+
+  > div {
+    display: grid;
+    grid-template-rows: auto 1fr;
+  }
 }
 
 .mailpoet-templates-card-header {
@@ -96,7 +100,10 @@
 }
 
 .mailpoet-templates-card-body {
+  display: grid;
+  grid-template-rows: 1fr auto;
   padding: 0 24px 24px;
+  width: 336px;
 
   p {
     margin: 0;
@@ -104,7 +111,7 @@
 
   .woocommerce-tag {
     margin: 0;
-    padding-top: 10px;
+    padding-top: 16px;
   }
 }