[FIX]

Kontakt block - Další kontakty

main/static/main/css/styles.css

@@ -2667,7 +2667,7 @@ p{
 
 .contact-box{
   display: flex;
-  height: 20rem;
+  height: auto;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
@@ -4499,6 +4499,10 @@ a.icon-link:hover span{
     margin-bottom: 3rem;
   }
 
+  .xl\:mr-4{
+    margin-right: 1rem;
+  }
+
   .xl\:mb-0{
     margin-bottom: 0px;
   }

main/styleguide/source/_patterns/molecules/box-link.mustache

@@ -2,5 +2,5 @@
   <img src="https://i.picsum.photos/id/865/90/100.jpg?hmac=0E2Zv4lGASwKCcZxquMc_v2Y3Rg68gw21euyRQ1bu80" alt=""
        class="mb-8 max-w-20 max-h-20">
   <h5 class="head-4xl mb-8">naloď se k pirátům</h5>
-  {{> atoms-button-animated(btn-text: "Přidat se k nám") }}
+  {{> atoms-button-animated(btn-text: "Přidat se k nám" classes="shrink-0") }}
 </div>

main/styleguide/source/css/molecules/contact_box.pcss

 .contact-box {
-  @apply border border-grey-100 flex flex-col h-80 items-center justify-between px-16 py-8 text-center;
+  @apply border border-grey-100 flex flex-col h-auto min-h-80 items-center justify-between px-16 py-8 text-center;
   width: 280px;
 }

main/templates/main/main_contact_page.html

@@ -46,10 +46,9 @@
             {% for contact_block in page.contact_boxes %}
               <div class="contact-box">
                   <div>
-                  <div class="h-16 mx-auto w-16 mb-3">
                     {% image contact_block.value.image fill-150x150 as contact_box_image %}
-                    <img src="{{ contact_box_image.url }}" alt="{{ contact_block.title }}">
-                  </div>
+                    <img src="{{ contact_box_image.url }}" alt="{{ contact_block.title }}"
+                         class="h-16 mx-auto w-16 mb-3">
                     <h3 class="font-alt mb-3 text-xl">
                       {{ contact_block.value.title }}
                     </h3>
@@ -57,12 +56,8 @@
                       {{ contact_block.value.subtitle }}
                     </p>
                 </div>
-                <a href="{{ contact_block.value.button_link }}" class="btn btn__slide__wrap">
-                  <span class="btn bg-black text-white w-32">{{ contact_block.value.button_text }}</span>
-                  <span class="btn bg-blue-300 text-white w-32">{{ contact_block.value.button_text }}</span>
-                </a>
+                {% include 'main/includes/button_animated.html' with btn_link=contact_block.value.button_link btn_text=contact_block.value.button_text extra_classes="shrink-0" %}
               </div>
-
             {% endfor %}
           </div>
         </section>
@@ -95,7 +90,8 @@
                 </span>
                   {% if contact_person_box.value.person %}
                     <span>{{ contact_person_box.value.person.phone|default_if_none:'' }}</span>
-                    <span class="text-turquoise-500">{{ contact_person_box.value.person.email|default_if_none:'' }}</span>
+                    <span
+                      class="text-turquoise-500">{{ contact_person_box.value.person.email|default_if_none:'' }}</span>
                   {% endif %}
                 </div>
               </div>