From 14f5a05941063abfb6aa34c29cdf6810d21791b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Valenta?= <tomas@imaniti.org>
Date: Thu, 13 Jun 2024 18:02:59 +0200
Subject: [PATCH] update secondary candidate list
---
.../candidates/candidate_secondary_list.html | 54 ++++++++++++-------
1 file changed, 34 insertions(+), 20 deletions(-)
diff --git a/majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html b/majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html
index 8a02bb7..143b300 100644
--- a/majak_uistyleguide/templates/patterns/organisms/candidates/candidate_secondary_list.html
+++ b/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,28 +27,42 @@
>
</div>
- <h4
- class="text-xl font-bold w-64"
- >{{ candidate.name }}</h4>
+ <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">
- {{ candidate.position }}
- </p>
- {% endif %}
+ {% if candidate.position %}
+ <p class="lg:ml-6">
+ {{ candidate.position }}
+ </p>
+ {% endif %}
- {% if candidate.party_membership %}
- <div class="ml-auto font-bold flex items-center gap-1">
- {% if candidate.party_membership == "Pirátská strana" %}
- <img
- class="w-8"
- src="../../../../../static/images/logo-round-black.svg"
- >
- {% endif %}
+ {% if candidate.party_membership %}
+ <div
+ class="
+ font-bold flex items-center gap-1
+
+ lg:ml-auto
+ "
+ >
+ {% if candidate.party_membership == "Pirátská strana" %}
+ <img
+ class="w-8"
+ src="../../../../../static/images/logo-round-black.svg"
+ >
+ {% endif %}
- {{ candidate.party_membership }}
- </div>
- {% endif %}
+ {{ candidate.party_membership }}
+ </div>
+ {% endif %}
+ </div>
</a>
</li>
{% endfor %}
--
GitLab