From db741effc69e15a91ac3d5714c4e0f75ab26f2e7 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 15 Oct 2021 10:19:16 -0500
Subject: [PATCH] ThumbNavigation: display labels

---
 app/styles/navigation.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/styles/navigation.scss b/app/styles/navigation.scss
index a0c0c451a..48262cdfe 100644
--- a/app/styles/navigation.scss
+++ b/app/styles/navigation.scss
@@ -59,15 +59,22 @@
   height: var(--thumb-navigation-base-height);
   display: flex;
   background: var(--foreground-color);
-  justify-content: space-around;
+  justify-content: space-between;
   box-shadow: 0 -1px hsla(var(--primary-text-color_hsl), 0.2);
   border-radius: 0;
   z-index: 999;
   padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */
+  overflow-x: scroll;
+
+  &::before,
+  &::after {
+    content: '';
+  }
 
   &__link {
     padding: 10px;
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
     color: var(--primary-text-color);
@@ -75,7 +82,8 @@
     font-size: 20px;
 
     span {
-      display: none;
+      margin-top: 1px;
+      font-size: 1.2rem;
     }
 
     .svg-icon {