Moved the activity bell out of the mobile dropdown and into the top-right header (mobile only)

Signed-off-by: Kai Wagner <kai.wagner@percona.com>

Author: ImTheKai

app/assets/stylesheets/components/navigation.css

@@ -124,6 +124,10 @@
   gap: 6px;
 }
 
+.nav-mobile-bell {
+  display: none;
+}
+
 .nav-link-activity i {
   font-size: 1.05em;
 }
@@ -227,6 +231,11 @@
     display: none;
   }
 
+  .nav-mobile-bell {
+    display: inline-flex;
+    margin-left: auto;
+  }
+
   body.has-sidebar .nav-burger {
     display: inline-flex;
   }

app/views/layouts/application.html.slim

@@ -69,6 +69,12 @@ html data-theme="light"
                 = link_to "Sign in", new_session_path, class: "nav-link"
                 = link_to "Register", new_registration_path, class: "nav-link"
           span.tagline PostgreSQL Hackers Archive
+        - if user_signed_in?
+          - unread = activity_unread_count
+          = link_to activities_path, class: "nav-link nav-link-activity nav-mobile-bell", title: "Activity" do
+            i.fa-regular.fa-bell
+            - if unread.positive?
+              span.nav-badge = unread
         .nav-links
           = link_to "Topics", topics_path, class: "nav-link"
           - search_link = content_for?(:search_sidebar) ? "#search" : topics_path(anchor: "search")