From 9b220c97f68504fd4ba29957b418e9af9b5e71b2 Mon Sep 17 00:00:00 2001
From: mkz212 <82271669+mkz212@users.noreply.github.com>
Date: Tue, 21 Nov 2023 00:08:26 +0100
Subject: [PATCH] Update layout.component.scss

---
 .../app/shared/layout/layout.component.scss   | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/ui/src/app/shared/layout/layout.component.scss b/ui/src/app/shared/layout/layout.component.scss
index fe8927677..505eb1aa1 100644
--- a/ui/src/app/shared/layout/layout.component.scss
+++ b/ui/src/app/shared/layout/layout.component.scss
@@ -40,31 +40,24 @@
     margin-top: 0px;
 }
 
-/* State when the navbar is collapsed */
+/* State when the navbar is collapsed - BARS */
 
-.navbar-toggler.collapsed .top-bar {
-  position: absolute !important;
-  top: 0px !important;
-  transform: rotate(0deg) !important;
-}
-
-.navbar-toggler.collapsed .middle-bar {
-  opacity: 1;
+.navbar-toggler .top-bar {
   position: absolute;
-  top: 10px;
-  filter: alpha(opacity=0);
+  top: 0px;
+  transform: rotate(0deg);
 }
 
-.navbar-toggler.collapsed .bottom-bar {
+.navbar-toggler .bottom-bar {
   position: absolute;
-  top: 20px;
+  top: 18px;
   transform: rotate(0deg);
 }
 
-/* when navigation is clicked */
+/* when navigation is clicked - X */
 
 .navbar-toggler:not(.collapsed) .top-bar {
-  top: inherit;
+  top: 10px;
   transform: rotate(135deg);
 }
 
@@ -75,7 +68,7 @@
 }
 
 .navbar-toggler:not(.collapsed) .bottom-bar {
-  top: inherit;
+  top: 10px;
   transform: rotate(-135deg);
 }