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

@@ -58,17 +58,18 @@ html data-theme="light"
               - if user_signed_in?
                 - if current_user&.person&.default_alias
                   span.nav-user = current_user.person.default_alias.name
-                - unread = activity_unread_count
-                = link_to activities_path, class: "nav-link nav-link-activity", title: "Activity" do
-                  i.fa-regular.fa-bell
-                  - if unread.positive?
-                    span.nav-badge = unread
                 = link_to "Settings", settings_root_path, class: "nav-link"
                 = button_to "Sign out", session_path, method: :delete, class: "nav-link", form: { style: 'display:inline' }, data: { turbo: false }
               - else
                 = 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")