update secondary candidate list

majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html

@@ -18,7 +18,7 @@
 
           <div
             class="
-              flex font-bold justify-center items-center rounded-full
+              flex grow-1 shrink-0 font-bold justify-center items-center rounded-full
             "
           >
             <img
@@ -27,18 +27,31 @@
             >
           </div>
 
+          <div
+            class="
+              flex gap-2 flex-col
+              
+              lg:gap-6 lg:flex-row
+            "
+          >
             <h4
               class="text-xl font-bold w-64"
             >{{ candidate.name }}</h4>
 
             {% if candidate.position %}
-            <p class="ml-6">
+              <p class="lg:ml-6">
                 {{ candidate.position }}
               </p>
             {% endif %}
 
             {% if candidate.party_membership %}
-            <div class="ml-auto font-bold flex items-center gap-1">
+              <div
+                class="
+                  font-bold flex items-center gap-1
+                  
+                  lg:ml-auto
+                "
+              >
                 {% if candidate.party_membership == "Pirátská strana" %}
                   <img
                     class="w-8"
@@ -49,6 +62,7 @@
                 {{ candidate.party_membership }}
               </div>
             {% endif %}
+          </div>
         </a>
       </li>
     {% endfor %}