From 39cd337d85e4ce38f8f24b26e8a7b9982f639c5d Mon Sep 17 00:00:00 2001
From: Chris Josten <chris+dev@netsoj.nl>
Date: Mon, 15 Apr 2024 22:42:08 +0200
Subject: [PATCH] Change nav div to ul (#28)

Effectively reverts c3ec04b503dddb557791869609a780cf9329c699, but keeps
the additional padding and makes the list menu bold.

This way, the navigation list dividers still show on touch screens,
which was broken by accident on that commit.
---
 chumweb/www/static/style.css        | 10 ++++++----
 chumweb/www/views/layouts/base.html | 16 ++++++++--------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/chumweb/www/static/style.css b/chumweb/www/static/style.css
index 4abf40d..e78580c 100644
--- a/chumweb/www/static/style.css
+++ b/chumweb/www/static/style.css
@@ -90,6 +90,12 @@ header, header:not(.section-site-info), .section-underline{
     padding-left: 0;
 }
 
+.link-list li a {
+    padding: 0.5em 0;
+    font-weight: bold;
+    display: block;
+}
+
 pre {
     overflow-x: auto;
 }
@@ -350,10 +356,6 @@ body.architecture--i486 .pkg-download-i486 {
 
 /* Either support touch or it is a small device (since the pointer: coarse does not work on the SFOS browser */
 @media (pointer: coarse), (max-device-width: 800px){
-    .link-list li a {
-        padding: 0.5em 0;
-        display: block;
-    }
     .link-list li:not(:last-child) a {
         border-bottom: 1px dotted var(--color-fg);
     }
diff --git a/chumweb/www/views/layouts/base.html b/chumweb/www/views/layouts/base.html
index 463c20f..820dcbb 100644
--- a/chumweb/www/views/layouts/base.html
+++ b/chumweb/www/views/layouts/base.html
@@ -34,14 +34,14 @@ <h4>SailfishOS:Chum</h4>
                     </div>
                 </form>
             {% endblock search %}
-            <div class="section-menu link-list">
-                <p><b><a href="{{ "index.html" | to_public_url }}">Home</a></b></p>
-                <p><b><a href="{{ "about.html" | to_public_url }}">About</a></b></p>
-                <p><b><a href="{{ "apps/index-a.html" | to_public_url }}">All apps</a></b></p>
-                <p><b><a href="{{ "pkgs/index-a.html" | to_public_url }}">All packages</a></b></p>
-                <p><b><a href="{{ "apps/index-category-accessibility.html" | to_public_url }}">All apps by category</a></b></p>
-                <p><b><a href="{{ "pkgs/index-category-accessibility.html" | to_public_url }}">All packages by category</a></b></p>
-            </div>
+            <ul class="section-menu link-list">
+                <li><a href="{{ "index.html" | to_public_url }}">Home</a></li>
+                <li><a href="{{ "about.html" | to_public_url }}">About</a></li>
+                <li><a href="{{ "apps/index-a.html" | to_public_url }}">All apps</a></li>
+                <li><a href="{{ "pkgs/index-a.html" | to_public_url }}">All packages</a></li>
+                <li><a href="{{ "apps/index-category-accessibility.html" | to_public_url }}">All apps by category</a></li>
+                <li><a href="{{ "pkgs/index-category-accessibility.html" | to_public_url }}">All packages by category</a></li>
+            </ul>
         </nav>
         <footer class="section-site-footer section-secondary">
             <p>