From 6ffb6a60d32b13128d43451668b6cc3865d34a50 Mon Sep 17 00:00:00 2001
From: rebuilt <memoryman51@hotmail.com>
Date: Tue, 14 Mar 2023 16:02:09 -0700
Subject: [PATCH] Theme navbar

---
 app/assets/stylesheets/application.bootstrap.scss |  2 ++
 app/assets/stylesheets/partials/_nav.scss         | 13 +++++++++++++
 app/views/layouts/_nav.html.erb                   |  8 ++++----
 3 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 app/assets/stylesheets/partials/_nav.scss

diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index b62d995..2719179 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -14,3 +14,5 @@
 @import 'partials/icons';
 @import 'partials/images';
 @import 'partials/decoration';
+@import 'partials/nav';
+
diff --git a/app/assets/stylesheets/partials/_nav.scss b/app/assets/stylesheets/partials/_nav.scss
new file mode 100644
index 0000000..d50aee2
--- /dev/null
+++ b/app/assets/stylesheets/partials/_nav.scss
@@ -0,0 +1,13 @@
+.nav-spacing {
+  @extend .mx-3;
+}
+
+.navbar {
+  @extend .navbar;
+  font-size: 1.5rem;
+}
+
+.dropdown-item {
+  @extend .dropdown-item;
+  font-size: 1.3rem;
+}
diff --git a/app/views/layouts/_nav.html.erb b/app/views/layouts/_nav.html.erb
index a90a348..f7cd41a 100644
--- a/app/views/layouts/_nav.html.erb
+++ b/app/views/layouts/_nav.html.erb
@@ -3,8 +3,8 @@
   <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
   <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
     <ul class="nav navbar-nav mb-2 mb-lg-0">
-      <li class="nav-item"><%= link_to "Home", home_index_path, class: "nav-link " + link_highlight(paths: [home_index_path, root_path])  %></li>
-      <li class="nav-item dropdown">
+      <li class="nav-item nav-spacing"><%= link_to "Home", home_index_path, class: "nav-link " + link_highlight(paths: [home_index_path, root_path])  %></li>
+      <li class="nav-item dropdown nav-spacing">
         <a class="nav-link dropdown-toggle <%= link_highlight(paths: [sqm_index_path, qpa_index_path]) %>" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
           Our Work
         </a>
@@ -13,7 +13,7 @@
           <li class="nav-item"><%= link_to "Performance Assessment", qpa_index_path, class: "dropdown-item"%></li>
         </ul>
       </li>
-      <li class="nav-item dropdown">
+      <li class="nav-item dropdown nav-spacing">
         <a class="nav-link dropdown-toggle <%= link_highlight(paths: [ in_the_news_index_path, sqm_resources_path, qpa_resources_path])  %> " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
           News and Resources
         </a>
@@ -23,7 +23,7 @@
           <li class="nav-item"><%= link_to "QPA resources", qpa_resources_path, class: "dropdown-item" %></li>
         </ul>
       </li>
-      <li class="nav-item dropdown">
+      <li class="nav-item dropdown nav-spacing">
         <a class="nav-link dropdown-toggle <%= link_highlight(paths: [ team_index_path, mission_index_path]) %>" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
           About Us
         </a>