From 887cd8d28ba8c6f462f4ad7d4aca99bbd7e145b1 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Wed, 30 Aug 2023 01:30:27 +0530
Subject: on menuitem hover, the text no longer moves

---
 css/_menu_page.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'css/_menu_page.scss')

diff --git a/css/_menu_page.scss b/css/_menu_page.scss
index f42d799..0789e2b 100644
--- a/css/_menu_page.scss
+++ b/css/_menu_page.scss
@@ -50,13 +50,20 @@
                     font-size: 1.7em;
                     font-weight: bold;
                     padding-bottom: 0.15em;
+                    transition: margin-left 150ms;
                 }
             }
 
             .menu-item:hover {
-                width: 105%;
-                margin-left: 5%;
+                $offset: 3%;
+                width: calc(100% + $offset);
+                margin-left: $offset;
                 transition: width 200ms, margin-left 200ms;
+
+                .label {
+                    margin-left: -0.5%;
+                    transition: margin-left 200ms;
+                }
             }
         }
     }
-- 
cgit v1.2.3