Assorted CSS tweaks for mobile.

viewer/static/css/styles.css

@@ -142,7 +142,7 @@ body {
     min-width: 0;
 }
 
-.crumb-link {
+.crumb-link, .crumb-link-last {
     color: var(--text);
     text-decoration: none;
     font-size: 15px;
@@ -391,6 +391,19 @@ body.theme-dark .small.text-muted {
     .top-bar {
         border-radius: 0px;
     }
+
+    .crumb-link {
+        display: none;
+    }
+
+    .crumb-sep {
+        display: none;
+    }
+
+    .gallery-scroll {
+        padding-left: 16px;
+        padding-right: 16px;
+    }
 }
 
 @media (max-width: 575.98px) {

viewer/templates/gallery_view.html

@@ -142,7 +142,7 @@
                             {% if not forloop.first %}
                                 <span class="crumb-sep">/</span>
                             {% endif %}
-                            <a href="{{ crumb.path }}" class="crumb-link">{{ crumb.label|truncatechars:45 }}</a>
+                            <a href="{{ crumb.path }}" class="{% if not forloop.last %}crumb-link{% else %}crumb-link-last{% endif %}">{{ crumb.label|truncatechars:45 }}</a>
                         {% endfor %}
                     </div>