From 79583a4486ad0c0dde9c805260ef171e32f14afc Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Fri, 6 Dec 2024 03:35:49 +0530
Subject: [PATCH 1/3] fixed app bar icon sizing issue by setting min-width to
 app bar

---
 src/app/globals.css       | 2 +-
 src/components/Appbar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7db494853..e90e8295c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -216,7 +216,7 @@
 
 @layer utilities {
   .wrapper {
-    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:mx-auto xl:max-w-[90rem];
+    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:pl-20 lg:pr-12 lg:mx-auto xl:max-w-[90rem];
   }
 
   .flex-center {
diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index 05b8eb5aa..8d983941a 100644
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -66,7 +66,7 @@ export const Appbar = () => {
           stiffness: 200,
           damping: 20,
         }}
-        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex"
+        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-[3.7rem]"
       >
         <div className="flex h-full flex-col gap-4">
           <div className="flex w-full items-center border-b border-primary/10 px-2 py-4">

From 7e7fe1e13ffc4f326bd1ba622d1007ad836cc5ec Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Fri, 6 Dec 2024 18:35:59 +0530
Subject: [PATCH 2/3] fix: update styling for wrapper and set min-width to 2rem
 to resolve layout issues

---
 src/app/globals.css       | 2 +-
 src/components/Appbar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index e90e8295c..e94283d42 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -216,7 +216,7 @@
 
 @layer utilities {
   .wrapper {
-    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:pl-20 lg:pr-12 lg:mx-auto xl:max-w-[90rem];
+    @apply h-full w-full max-w-7xl px-4 py-4 md:px-12 lg:px-20 lg:mx-auto xl:max-w-[90rem];
   }
 
   .flex-center {
diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index 8d983941a..ebb1fcc39 100644
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -66,7 +66,7 @@ export const Appbar = () => {
           stiffness: 200,
           damping: 20,
         }}
-        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-[3.7rem]"
+        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-8"
       >
         <div className="flex h-full flex-col gap-4">
           <div className="flex w-full items-center border-b border-primary/10 px-2 py-4">

From f8e643bafd23241559ed90013b0ed68e723318da Mon Sep 17 00:00:00 2001
From: Rajveer Singh <rajveergreets@gmail.com>
Date: Fri, 6 Dec 2024 18:44:36 +0530
Subject: [PATCH 3/3] updated min-width of appbar when collapsed to 4rem

---
 src/components/Appbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index ebb1fcc39..ef9eaadd1 100644
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -66,7 +66,7 @@ export const Appbar = () => {
           stiffness: 200,
           damping: 20,
         }}
-        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-8"
+        className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-16"
       >
         <div className="flex h-full flex-col gap-4">
           <div className="flex w-full items-center border-b border-primary/10 px-2 py-4">