Increased navigation rail width

codeaid · May 4, 2024 · a260e61 · a260e61
1 parent b857534
commit a260e61
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
@@ -3,7 +3,7 @@
   background: var(--color-bg-dark);
   display: grid;
   filter: var(--dropshadow-default);
-  grid-template-columns: calc(200px + 4rem) 1fr 200px;
+  grid-template-columns: calc(200px + 4.5rem) 1fr 200px;
   padding: 0 1em;
   z-index: 15;
 }

diff --git a/src/components/NavigationRail/NavigationRail.module.css b/src/components/NavigationRail/NavigationRail.module.css
@@ -5,7 +5,7 @@
   flex-direction: column;
   font-size: 1rem;
   padding: 1rem 0;
-  width: 4rem;
+  width: 4.5rem;
 }
 
 .NavigationRailMenu {
@@ -26,7 +26,7 @@
 
 .NavigationRailMenuItemIcon {
   fill: var(--font-color);
-  font-size: 1.6em;
+  font-size: 1.4em;
 }
 
 .NavigationRailMenuItem:hover .NavigationRailMenuItemIcon {
@@ -47,7 +47,7 @@
 
 .NavigationRailMenuItemLabel {
   color: var(--font-color);
-  font-size: 0.75em;
+  font-size: 0.8em;
   margin-top: 0.1em;
   text-align: center;
 }