From 2b88d687ee579150b859c00b6b0713e7ec297582 Mon Sep 17 00:00:00 2001
From: Lee Calcote <lee.calcote@layer5.io>
Date: Sun, 5 Nov 2023 09:38:44 -0600
Subject: [PATCH] update

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
---
 assets/scss/_styles_project.scss | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index d9dfd224..818e8e12 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -3,6 +3,8 @@
 @import 'image-modal_project.scss';
 @import 'elements_project.scss';
 
+
+// Global Navigation Bar
 .td-navbar{
   min-height:6rem;
 .navbar-brand  {
@@ -13,7 +15,24 @@
   background-color: $black;
 }
 
-// Main Body
+.nav-link.active {
+  border-width: 1px;
+  border-style: solid;
+  border-image: linear-gradient(to bottom, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
+  padding-bottom:.3rem;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  display: flex;
+  align-content: center;
+  padding: auto;
+  margin: auto;
+  // background-color: linear-gradient(to right, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
+   
+}
+
+
+// Page Layout Sections
 .td-home {
   background-color: $dark;
   overflow-x: hidden;
@@ -26,8 +45,8 @@
   margin-top: 3rem;
 }
 
-// Code formatting.
 
+// Main Middle Body
 .td-content {
 
   h2 {
@@ -189,12 +208,12 @@ td-sidebar {
     &.active:not(.tree-root) {
       border-width: 1px;
       border-style: solid;
-      border-image: linear-gradient(to left, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
-      background-color: linear-gradient(to left, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
+      border-image: linear-gradient(to left, rgba($dark,0) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
+      background-image: linear-gradient(to left, rgba($dark,.2) 30%, rgba($primary,.3) 60%, $primary 90% 100%) 1;
       padding: .25rem;
       padding-left: .5rem !important;
       // background-image: linear-gradient(to left, rgba($dark,.33),rgba($dark,.5),rgba($dark,.75),#1e2117, #31412b, #3b6447, #378b6d, #00b39f);
-      background-color: rgba($primary, .05);
+      // background-color: rgba($primary, .05);
       color: $secondary;
     }
     &.active.tree-root {