From f777ea5dfdea72c3271837c1e9ee512eedd2593d Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sun, 7 Jan 2024 10:18:16 +1300
Subject: [PATCH] move notification icon out of menu on mobile fixes #6

---
 app/templates/base.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 1cd778e7..51542d4d 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -75,6 +75,16 @@
         <div class="container-lg">
             <a class="navbar-brand" href="/"><img src="/static/images/logo2.png" alt="Logo" width="50" height="50" />{{ g.site.name }}</a>
 
+            {% if current_user.is_authenticated %}
+                <a class="nav-link d-lg-none" href="/notifications">
+                    {% if current_user.unread_notifications %}
+                    <span class="fe fe-bell red"></span> <span class="red">{{ current_user.unread_notifications }}</span>
+                    {% else %}
+                        <span class="fe fe-bell"></span>
+                    {% endif %}
+                </a>
+            {% endif %}
+
             <button id="navbar-toggler" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -96,7 +106,7 @@
                                 <li class="nav-item"><a class="nav-link" href="/admin/">{{ _('Admin') }}</a></li>
                             {% endif %}
                             <li class="nav-item"><a class="nav-link" href="/auth/logout">{{ _('Log out') }}</a></li>
-                            <li class="nav-item">
+                            <li class="nav-item d-none d-md-inline-block">
                                 <a class="nav-link" href="/notifications">
                                     {% if current_user.unread_notifications %}
                                     <span class="fe fe-bell red"></span> <span class="red">{{ current_user.unread_notifications }}</span>