From a159eedbd4c9cbdd98fac365c9a4b944a17e7e1f Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 8 Mar 2025 14:21:39 +0000
Subject: [PATCH] search bar & sidebar paddings/

---
 frontend/src/components/AsideMenuItem.tsx  | 2 +-
 frontend/src/components/AsideMenuLayer.tsx | 4 ++--
 frontend/src/components/Search.tsx         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/AsideMenuItem.tsx b/frontend/src/components/AsideMenuItem.tsx
index c5a8b8a..fa5a7d2 100644
--- a/frontend/src/components/AsideMenuItem.tsx
+++ b/frontend/src/components/AsideMenuItem.tsx
@@ -85,7 +85,7 @@ const AsideMenuItem = ({ item, isDropdownList = false }: Props) => {
   ].join(' ');
 
   return (
-    <li className={'px-3 py-1.5'}>
+    <li className={'px-2 py-1'}>
       {item.withDevider && <hr className={`${borders} mb-3`} />}
       {item.href && (
         <Link href={item.href} target={item.target} className={componentClass}>
diff --git a/frontend/src/components/AsideMenuLayer.tsx b/frontend/src/components/AsideMenuLayer.tsx
index 353aa2f..0d55689 100644
--- a/frontend/src/components/AsideMenuLayer.tsx
+++ b/frontend/src/components/AsideMenuLayer.tsx
@@ -34,10 +34,10 @@ export default function AsideMenuLayer({
   return (
     <aside
       id='asideMenu'
-      className={`${className} zzz lg:py-2 lg:pl-2 w-60 fixed flex z-40 top-0 h-screen transition-position overflow-hidden`}
+      className={`${className} zzz lg:py-1 lg:pl-1 w-60 fixed flex z-40 top-0 h-screen transition-all overflow-hidden`}
     >
       <div
-        className={`flex-1 flex flex-col overflow-hidden dark:bg-dark-900 ${asideStyle}`}
+          className={`flex-1 flex flex-col overflow-hidden bg-gray-200 dark:bg-dark-900 ${asideStyle}`}
       >
         <div
           className={`flex flex-row h-14 items-center justify-between ${asideBrandStyle}`}
diff --git a/frontend/src/components/Search.tsx b/frontend/src/components/Search.tsx
index 4f6de00..ba8331c 100644
--- a/frontend/src/components/Search.tsx
+++ b/frontend/src/components/Search.tsx
@@ -36,7 +36,7 @@ const Search = () => {
             id='search'
             name='search'
             validate={validateSearch}
-            placeholder='Search'
+            placeholder='Search app...'
             className={` ${corners} dark:bg-dark-900 ${cardsStyle}   dark:border-dark-700 p-2 relative ml-2 w-full dark:placeholder-dark-600 ${focusRing} shadow-none`}
           />
           {errors.search && touched.search && values.search.length < 2 ? (