Use a bell icon instead of activity text on the top bar

Author: dutow

app/assets/stylesheets/components/navigation.css

@@ -90,6 +90,10 @@
   gap: 6px;
 }
 
+.nav-link-activity i {
+  font-size: 1.05em;
+}
+
 .nav-badge {
   display: inline-flex;
   align-items: center;

app/views/layouts/application.html.slim

@@ -39,12 +39,6 @@ html data-theme="light"
       .nav-links
         = link_to "Topics", topics_path, class: "nav-link"
         = link_to "Search", search_topics_path, class: "nav-link"
-        - if user_signed_in?
-          - unread = activity_unread_count
-          = link_to activities_path, class: "nav-link nav-link-activity" do
-            | Activity
-            - if unread.positive?
-              span.nav-badge = unread
       .nav-right
         button.nav-link.theme-toggle type="button" aria-label="Toggle theme" data-controller="theme" data-action="click->theme#toggle"
           i.fas.fa-moon data-theme-target="icon"
@@ -53,6 +47,11 @@ 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_path, class: "nav-link"
             = button_to "Sign out", session_path, method: :delete, class: "nav-link", form: { style: 'display:inline' }, data: { turbo: false }
           - else