From c33c4bb4ed54da884b0c131a466f5b3c87441be8 Mon Sep 17 00:00:00 2001
From: Karina Kwiatek <kjk@kjk.dog>
Date: Thu, 12 Aug 2021 13:30:19 +0200
Subject: [PATCH] Give the mobile nav icon row the full viewport width

---
 app/assets/stylesheets/components/_mobile-nav.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/components/_mobile-nav.scss b/app/assets/stylesheets/components/_mobile-nav.scss
index 777423e8..436bcb07 100644
--- a/app/assets/stylesheets/components/_mobile-nav.scss
+++ b/app/assets/stylesheets/components/_mobile-nav.scss
@@ -1,9 +1,13 @@
 #rs-mobile-nav {
-  padding-bottom: unquote('calc(env(safe-area-inset-bottom) + 4px)');
+  .container {
+    padding: 0;
+  }
+
+  padding: 4px 0 unquote('calc(env(safe-area-inset-bottom) + 4px)') 0;
 
   .navbar-icon-row {
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: space-around;
     width: 100%;
 
     .nav-link {