measures/measure_list_item: show fields of action as list

fixes #807
liqd · Jun 22, 2023 · 295b092 · 295b092
1 parent e52a287
commit 295b092
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/apps/measures/templates/apps_measures/includes/measures_list_item.html b/apps/measures/templates/apps_measures/includes/measures_list_item.html
@@ -17,13 +17,11 @@ <h3 class="title">{{ content.page_title|truncatechars:102 }}</h3>
 
         <div class="text textile">
             <p class="text">{{ content.contact_organisation_name }}</p>
-            <p class="u-b-none">
+                <ul class="measure-foa-list">
                 {% for foa in content.get_fields_of_action %}
-                    {{ foa.subset_name }}
-                    {% if not forloop.last %}, {% endif %}
+                    <li>{{ foa.subset_name }}</li>
                 {% endfor %}
-            </p>
-
+                </ul>
             <a href="{% pageurl content %}" class="more" data-mainlink="true" title="This is a single Teaser">
                 {% translate 'More' %}
                 <span class="aural">{% translate 'about:' context 'For SRs, reads "more about: <name of measure>"' %} {{ content.page_title }}</span>

diff --git a/digitalstrategie/assets/scss/_utilities.scss b/digitalstrategie/assets/scss/_utilities.scss
@@ -14,3 +14,9 @@
 .u-b-none {
     margin-bottom: 0;
 }
+
+.measure-foa-list {
+    list-style-type: none;
+    padding-left: 0;
+    margin-bottom: 0.25 * $spacer;
+}