From fefdbdb493fc04a8782b0415d9237bb8fbf0a241 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lera=20Elvo=C3=A9?= <yagich@poto.cafe>
Date: Thu, 27 Nov 2025 03:04:05 +0300
Subject: [PATCH] make top navlinks into <ul>

---
 app/templates/common/topnav.html    | 29 +++++++++++++----------------
 data/static/css/style.css           | 11 +++++++----
 data/static/css/theme-otomotone.css | 11 +++++++----
 data/static/css/theme-peachy.css    | 11 +++++++----
 sass/_default.scss                  | 12 +++++++++++-
 5 files changed, 45 insertions(+), 29 deletions(-)

diff --git a/app/templates/common/topnav.html b/app/templates/common/topnav.html
index 7f91051..89defd4 100644
--- a/app/templates/common/topnav.html
+++ b/app/templates/common/topnav.html
@@ -12,22 +12,19 @@
   {% else %}
     {% with user = get_active_user() %}
       Welcome, <a href="{{ url_for("users.page", username = user.username) }}">{{user.username}}</a>
-      &bullet;
-      <a href="{{ url_for("users.settings", username = user.username) }}">Settings</a>
-      &bullet;
-      <a href="{{ url_for("users.inbox", username = user.username) }}">Inbox</a>
-      {% if config.DISABLE_SIGNUP and user.can_invite() %}
-        &bullet;
-        <a href="{{ url_for('users.invite_links', username=user.username )}}">Invite to {{ config.SITE_NAME }}</a>
-      {% endif %}
-      {% if not user.is_guest() %}
-      &bullet;
-      <a href="{{ url_for('users.bookmarks', username=user.username) }}">Bookmarks</a>
-      {% endif %}
-      {% if user.is_mod() %}
-        &bullet;
-        <a href="{{ url_for("mod.user_list") }}">User list</a>
-      {% endif %}
+      <ul>
+        <li><a href="{{ url_for("users.settings", username = user.username) }}">Settings</a></li>
+        <li><a href="{{ url_for("users.inbox", username = user.username) }}">Inbox</a></li>
+        {% if config.DISABLE_SIGNUP and user.can_invite() %}
+          <li><a href="{{ url_for('users.invite_links', username=user.username )}}">Invite to {{ config.SITE_NAME }}</a></li>
+        {% endif %}
+        {% if not user.is_guest() %}
+        <li><a href="{{ url_for('users.bookmarks', username=user.username) }}">Bookmarks</a></li>
+        {% endif %}
+        {% if user.is_mod() %}
+          <li><a href="{{ url_for("mod.user_list") }}">User list</a></li>
+        {% endif %}
+      </ul>
     {% endwith %}
   {% endif %}
   </span>
diff --git a/data/static/css/style.css b/data/static/css/style.css
index 776b051..ecc998f 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -64,6 +64,13 @@ a:visited {
   justify-content: space-between;
   align-items: baseline;
 }
+#topnav ul {
+  display: inline;
+  margin-left: 0;
+}
+#topnav ul li {
+  display: inline list-item;
+}
 
 #bottomnav {
   padding: 10px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
   display: inline-flex;
 }
 
-svg.icon {
-  pointer-events: none;
-}
-
 .post-img-container {
   display: flex;
   flex-wrap: wrap;
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index f4dac80..dcccd85 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -64,6 +64,13 @@ a:visited {
   justify-content: space-between;
   align-items: baseline;
 }
+#topnav ul {
+  display: inline;
+  margin-left: 0;
+}
+#topnav ul li {
+  display: inline list-item;
+}
 
 #bottomnav {
   padding: 10px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
   display: inline-flex;
 }
 
-svg.icon {
-  pointer-events: none;
-}
-
 .post-img-container {
   display: flex;
   flex-wrap: wrap;
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index d64faa2..af5c3c4 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -64,6 +64,13 @@ a:visited {
   justify-content: space-between;
   align-items: baseline;
 }
+#topnav ul {
+  display: inline;
+  margin-left: 0;
+}
+#topnav ul li {
+  display: inline list-item;
+}
 
 #bottomnav {
   padding: 6px;
@@ -901,10 +908,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
   display: inline-flex;
 }
 
-svg.icon {
-  pointer-events: none;
-}
-
 .post-img-container {
   display: flex;
   flex-wrap: wrap;
diff --git a/sass/_default.scss b/sass/_default.scss
index ca87303..3af0393 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -177,10 +177,20 @@ a{
 }
 
 $topnav_color: $ACCENT_COLOR !default;
+$topnav_list_margin_left: 0 !default;
 #topnav {
   @include navbar($topnav_color);
   justify-content: space-between;
   align-items: baseline;
+
+  & ul {
+    display: inline;
+    margin-left: $topnav_list_margin_left;
+  }
+
+  & ul li {
+    display: inline list-item;
+  }
 }
 
 $bottomnav_color: $DARK_1 !default;
@@ -769,7 +779,7 @@ $thread_locked_background: none !default;
 }
 
 svg.icon {
-  pointer-events: none;
+  // pointer-events: none;
 }
 
 $post_img_container_gap: $SMALL_PADDING !default;