Mobile display improvements

Author: lmrodriguezr

app/assets/stylesheets/custom.scss

@@ -145,6 +145,29 @@ nav.navbar-dark {
     .navbar-lemma {
       background: #ffffff50;
     }
+    @include media-breakpoint-down(md) {
+      background: theme-color-level(primary, 5);
+      text-align: center;
+      margin: 0;
+      padding: 0.5em 0;
+      .nav-text {
+        border-top: 1px solid white;
+        height: 1px;
+        overflow: hidden;
+        margin: 0.5em 3em;
+      }
+    }
+  }
+}
+
+@include media-breakpoint-down(sm) {
+  .crumbs {
+    & > span {
+      display: none;
+    }
+    & > a {
+      color: white !important;
+    }
   }
 }
 

app/controllers/registers_controller.rb

@@ -91,7 +91,7 @@ def show
     @count = @names.count
     @names &&= @names.where(rank: params[:rank]) if params[:rank].present?
     @names &&= @names.paginate(page: params[:page], per_page: 30)
-    @crumbs = [['Lists', registers_url], @register.acc_url]
+    @crumbs = [['Lists', registers_url], @register.accession]
   end
 
   # GET /registers/new

app/views/layouts/_header.html.erb

@@ -33,9 +33,10 @@
   </div>
 </nav>
 <% if @crumbs %>
-  <nav class="navbar small sticky-top navbar-expand navbar-dark bg-dark-ce justify-content-between">
+  <nav class="navbar small sticky-top navbar-expand navbar-dark bg-dark-ce
+              justify-content-between overflow-hidden">
     <div class="navbar-nav">
-      <div class="collapse navbar-collapse">
+      <div class="collapse navbar-collapse crumbs">
         <%= link_to(root_url,
               class: 'nav-item nav-link only-stuck', title: 'Home') do %>
           <%= fa_icon('university') %>

app/views/layouts/application.html.erb

@@ -23,7 +23,7 @@
             'jquery-ui.min.css'
         ) %>
     <%= tag(:meta,
-          name: 'viewport', content: 'width=device-width, initial-scale=1') %>
+          name: 'viewport', content: 'width=device-width, initial-scale=0.8') %>
 
     <!-- Plausible -->
     <% if Rails.configuration.try(:plausible_server).present? %>

app/views/shared/_user_links.html.erb

@@ -17,6 +17,7 @@
   <% if user_signed_in? %>
     <li class="nav-item">
       <%= link_to(notifications_path, title: 'Alerts') do %>
+        <span class="d-lg-none">Notifications</span>
         <% if current_user.unseen_notifications.any? %>
           <span
             class="nav-item-text badge badge-pill badge-info py-1 px-2 mr-1">