From b5ab601f6ef9798051009f751d40fd8939fe91f8 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Sat, 4 Mar 2023 00:02:23 -0600
Subject: [PATCH] Stop making nav tabs horizontally straight.

---
 scss/bootstrap/_nav.scss | 41 ++++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/scss/bootstrap/_nav.scss b/scss/bootstrap/_nav.scss
index 37a9188..d54acaf 100644
--- a/scss/bootstrap/_nav.scss
+++ b/scss/bootstrap/_nav.scss
@@ -3,28 +3,29 @@
   margin-bottom: 1rem;
 
   // Make responsive horizontally
-  display: block;
-  overflow-x: auto;
-  overflow-y: clip;
-  white-space: nowrap;
+  // display: block;
+  // overflow-x: auto;
+  // overflow-y: clip;
+  // white-space: nowrap;
 
   .nav-item {
     // Make responsive horizontally
-    display: inline-block;
-  }
-}
-.nav-tabs .nav-link {
-  border: none;
-  color: #666;
-
-  &.active {
-    color: $primary;
-    background-color: transparent;
-    border: none;
-    border-bottom: 2px solid $primary;
-  }
-
-  &:hover, &:focus {
-    color: $primary;
+    // display: inline-block;
+
+    .nav-link {
+      border: none;
+      color: #666;
+
+      &.active {
+        color: $primary;
+        background-color: transparent;
+        border: none;
+        border-bottom: 2px solid $primary;
+      }
+
+      &:hover, &:focus {
+        color: $primary;
+      }
+    }
   }
 }