From e717e844185e442e920ac245d27eb89f64fbca10 Mon Sep 17 00:00:00 2001
From: VedantPatil-99 <vedantpatil9977@gmail.com>
Date: Sat, 10 Jan 2026 18:07:38 +0530
Subject: [PATCH] style(nav): update navigation component styles

Refine _components.nav.scss: adjust spacing and alignment, improve responsive behavior and hover/active states, remove unused variables.
---
 _scss/_components.nav.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/_scss/_components.nav.scss b/_scss/_components.nav.scss
index 3d26024cb..b49750765 100644
--- a/_scss/_components.nav.scss
+++ b/_scss/_components.nav.scss
@@ -77,7 +77,7 @@ $collapse-break-point: 768px;
         }
 
         &.active>a {
-            padding-top: 11px;
+            padding-top: 12px;
             border-top: 3px solid $clr-nav-link-active;
             color: $clr-nav-link-active;
             background-color: $clr-nav-bg;
@@ -135,8 +135,6 @@ $collapse-break-point: 768px;
     #navbar-collapse {
         border-top: none;
         background: $clr-nav-bg;
-        margin-left: -25px;
-        margin-right: -15px;
     }
 
     .navbar-toggle {
@@ -263,6 +261,11 @@ $collapse-break-point: 768px;
                 padding: 10px 15px 10px 11px;
             }
         }
+
+        #navbar-collapse {
+            margin-left: -25px;
+            margin-right: -15px;
+        }
     }
     #menu-btn {
         display: block;
@@ -294,7 +297,7 @@ $collapse-break-point: 768px;
 @media (max-width: 900px) and (min-width: $collapse-break-point)  {
     .navbar-default {
         .navbar-nav li a {
-            padding: 15px 3px;
+            padding: 15px 6px;
             font-size: 12px;
         }
     }