program height & alignment

majak_uistyleguide/templates/patterns/molecules/program/card_program.yaml

@@ -76,7 +76,7 @@ context:
     {
       'slug': '4',
       'number': 4,
-      'title': 'Boj s korupcí a daňovými ráji',
+      'title': 'Boj',
       'content': 'TODO',
       'points': [
         {

src/js/components/card_program/CardProgramItem.vue

@@ -10,7 +10,7 @@
     <div
       ref="closedVariant"
       class="
-        bg-black flex flex-row items-center px-5 py-2 gap-5 justify-start duration-200 cursor-pointer
+        bg-black flex flex-row items-center px-5 py-2 gap-5 justify-start duration-200 cursor-pointer min-h-[600px]
 
         xl:flex-col xl:gap-32 xl:py-8 xl:px-3 xl:h-full xl:justify-between
 
@@ -51,11 +51,11 @@
         class="
           flex flex-col gap-8
 
-          xl:flex-row xl:gap-16
+          xl:flex-row xl:gap-16 xl:h-full
         "
       >
         <div
-          class="w-full flex flex-col gap-8"
+          class="w-full flex flex-col gap-8 justify-between"
         >
           <h2
             class="
@@ -76,7 +76,7 @@
         <div
           class="
             flex flex-col gap-7
-            w-full
+            w-full h-full justify-end
           "
         >
           <CardProgramItemPoint