reduce size of font in navigation panel

2 files changed, 11 insertions, 6 deletions

diff --git a/src/css/navigation-explore.css b/src/css/navigation-explore.css
index 2dda7c3..938e51a 100644
--- a/src/css/navigation-explore.css
+++ b/src/css/navigation-explore.css
@@ -17,12 +17,17 @@
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
-  /* font-size: 0.75rem; */
-  font-size: 0.8824em;
   line-height: 1;
+  font-size: 0.8125rem;
   height: var(--drawer-height);
 }
 
+@media screen and (min-width: 1024px) {
+  .navigation-explore .context {
+    font-size: 0.75rem;
+  }
+}
+
 .navigation-explore.is-active .context {
   box-shadow: 0 1px 0 #e1e1e1;
 }
@@ -71,7 +76,7 @@
 
 .navigation-explore .component .version {
   display: block;
-  font-size: 0.95em;
+  font-size: 0.9375em;
 }
 
 .navigation-explore .component .version a {
diff --git a/src/css/navigation.css b/src/css/navigation.css
index f6d18b2..550e59a 100644
--- a/src/css/navigation.css
+++ b/src/css/navigation.css
@@ -8,7 +8,7 @@
   top: var(--navbar-height);
   left: 0;
   width: 100%;
-  font-size: 0.95rem;
+  font-size: 0.9375rem;
   z-index: 1;
 }
 
@@ -19,13 +19,13 @@
 @media screen and (min-width: 769px) {
   .navigation-container {
     width: 16rem;
-    font-size: 0.9rem;
+    font-size: 0.875rem;
   }
 }
 
 @media screen and (min-width: 1024px) {
   .navigation-container {
-    font-size: 0.85rem;
+    font-size: 0.8125rem;
     flex: none;
     display: block;
     position: static;