chooseGroup: Spacing fix for mobile

City-of-Bloomington · Sep 9, 2024 · 586ffdb · 586ffdb
1 parent 9fee6c2
commit 586ffdb
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/templates/html/chooseGroup.twig b/templates/html/chooseGroup.twig
@@ -29,25 +29,25 @@
         </fieldset>
     </form>
     <h2>Select a Service Type</h2>
-    {% for code, group in groups %}
-    <details class="d-flex mb-3">
-        <summary class="btn btn-primary p-sm-3 d-flex flex-wrap flex-sm-wrap justify-content-center justify-content-md-start align-items-center">
-            <img src="{{ 'https://bloomington.in.gov/static/ureport-client/' ~ code ~ '.svg' }}" role="img" aria-hidden="true" class="m-sm-3 m-1" style="width: 5em;">
-            <div class="d-flex flex-column align-items-center align-items-md-start">
-                <h3>{{ group.name }}</h3>
+        {% for code, group in groups %}
+        <details class="d-flex mb-3">
+            <summary class="btn btn-primary p-sm-3 flex-wrap flex-sm-wrap justify-content-center justify-content-md-start align-items-center">
+                <img src="{{ 'https://bloomington.in.gov/static/ureport-client/' ~ code ~ '.svg' }}" role="img" aria-hidden="true" class="m-sm-3 m-1" style="width: 5em;">
+                <div class="flex-column align-items-center align-items-md-start">
+                    <h3>{{ group.name }}</h3>
+                </div>
+            </summary>
+            <div class="list-group mt-1">
+            {% for s in group.services %}
+                <a href="{{ uri('home.contact', {'service_code':s.service_code, 'group_code':code}) }}"
+                class="list-group-item list-group-item-action">
+                    <h4>{{ s.service_name }}</h4>
+                    <p>{{ s.description }}</p>
+                </a>
+            {% endfor %}
             </div>
-        </summary>
-        <div class="list-group mt-1">
-        {% for s in group.services %}
-            <a href="{{ uri('home.contact', {'service_code':s.service_code, 'group_code':code}) }}"
-            class="list-group-item list-group-item-action">
-                <h4>{{ s.service_name }}</h4>
-                <p>{{ s.description }}</p>
-            </a>
+        </details>
         {% endfor %}
-        </div>
-    </details>
-    {% endfor %}
 </section>
 <script src="{{ BASE_URI }}/js/search-{{ VERSION }}.js"></script>
 {% endblock %}