From 9fafdb0d4624cfd4c85d21152bd0959fc3906b1b Mon Sep 17 00:00:00 2001
From: Sebastian Gutierrez <sebastiangutierrezcorrea@gmail.com>
Date: Thu, 24 Oct 2019 21:12:24 -0500
Subject: [PATCH] Add active style to navbar

---
 public/GraphGenerator.html | 2 +-
 public/about.html          | 2 +-
 public/style.css           | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/GraphGenerator.html b/public/GraphGenerator.html
index 74c596e..d2df7f0 100644
--- a/public/GraphGenerator.html
+++ b/public/GraphGenerator.html
@@ -25,7 +25,7 @@
         </button>
         <div id="main-menu" class="collapse navbar-collapse">
             <ul class="navbar-nav flex-fill justify-content-end">
-                <li class="nav-item">
+                <li class="nav-item active">
                     <a class="nav-link" href="./GraphGenerator.html">Generate graphs</a>
                 </li>
                 <li class="nav-item">
diff --git a/public/about.html b/public/about.html
index d196574..7212b71 100644
--- a/public/about.html
+++ b/public/about.html
@@ -24,7 +24,7 @@
                 <li class="nav-item">
                     <a class="nav-link" href="https://github.com/jrtechs/github-graphs/">View on GitHub</a>
                 </li>
-                <li class="nav-item">
+                <li class="nav-item active">
                     <a class="nav-link" href="./about.html">About</a>
                 </li>
             </ul>
diff --git a/public/style.css b/public/style.css
index 3abc78e..5e3f729 100644
--- a/public/style.css
+++ b/public/style.css
@@ -33,8 +33,8 @@ body {
     border-color: var(--dark-2);
 }
 
-.navbar-dark .navbar-nav .nav-link {
-    color: var(--white);
+.navbar-dark .navbar-nav .nav-item.active .nav-link {
+    font-weight: 600;
 }