From ccc40b569f674925d5971140f350349bcd48bdde Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Mon, 13 Jun 2022 23:43:01 +0100
Subject: [PATCH] Reduce spacing on navbar to show more elements before
 collapsing

Also accomplished by incrasing breakpoint of navbar collapse
---
 layouts/partials/navbar.html | 2 +-
 static/src/scss/style.scss   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index bf7742b..3ca6b9a 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-sm navbar-dark">
+<nav class="navbar navbar-expand-lg navbar-dark">
   <a class="navbar-brand" href='{{ ref . "/" }}'><code>/home/{{ lower .Site.Title }}</code></a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 5d825c9..a9c1256 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -86,8 +86,8 @@ table td {
   }
 
   .nav-link {
-    padding-right: $font-size-base !important;
-    padding-left: $font-size-base !important;
+    padding-right: $spacer * 0.75 !important;
+    padding-left: $spacer * 0.75 !important;
   }
 
   .nav-link code, .navbar-brand code {