navigation: Separate sections in contents more visibly

Item 2 on: #663
IATI · Mar 5, 2025 · 575e715 · 575e715
1 parent f3c9c3e
commit 575e715
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/iati_dashboard/static/style.css b/iati_dashboard/static/style.css
@@ -177,3 +177,7 @@ the design system doesn't have a yellow colour */
 .dashboard-mixed-flag:hover {
   opacity: 0.5;
 }
+
+.iati-card p {
+  margin-top: 0;
+}
diff --git a/iati_dashboard/templates/section_index.html b/iati_dashboard/templates/section_index.html
@@ -26,16 +26,14 @@ <h2 class="dashboard-panel-heading__title">
         </h2>
       </div>
       <nav>
-      <ul>
       {% for item in (top_navigation if page=='index' else navigation[navigation_reverse[page]]) %}
-        <li>
+        <div class="iati-card">
         <a href="{{ url(page_view_names[item]) }}">{{ page_titles[item] }}</a>
         {% if item in page_leads %}
           <p>{{ page_leads[item]|safe }}</p>
         {% endif %}
-        </li>
+        </div>
       {% endfor %}
-      </ul>
       </nav>
     </div>
     </div>