From 267d463843bf9638aabc72d1256d207de6d04058 Mon Sep 17 00:00:00 2001
From: Md Asif <md.asif5@tcs.com>
Date: Tue, 1 Oct 2024 01:52:35 +0530
Subject: [PATCH] Refactor layout styles for Header and App components

---
 src/App.jsx                         | 2 +-
 src/components/Header.jsx           | 2 +-
 src/components/LanguageSelector.jsx | 2 +-
 src/pages/Home.jsx                  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 9f8a3be..5c67cac 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,7 +5,7 @@ import Footer from "./components/Footer"
 function App() {
   return <div className="flex flex-col min-h-screen">
     <Header />
-    <main className="flex transition-color-mode px-7 flex-grow bg-surface dark:bg-surface-dark">
+    <main className="flex transition-color-mode p-12 flex-grow bg-surface dark:bg-surface-dark">
       <Outlet />
     </main>
     <Footer />
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index b47469a..d82aff9 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -42,7 +42,7 @@ function Header() {
       ];
     
     return (
-        <div className="transition-color-mode px-7 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark">
+        <div className="transition-color-mode px-12 bg-secondary dark:bg-secondary-dark text-primary dark:text-primary-dark">
             <AppTitle />
             <BannerInfo info={userInfo} />
             <Separator />
diff --git a/src/components/LanguageSelector.jsx b/src/components/LanguageSelector.jsx
index abded28..ef8ebe3 100644
--- a/src/components/LanguageSelector.jsx
+++ b/src/components/LanguageSelector.jsx
@@ -9,7 +9,7 @@ const LanguageSelector = () => {
 
   return (
     <div>
-      <select className='font-body rounded-md bg-secondary dark:bg-secondary-dark' id="language-select" onChange={changeLanguage} value={i18n.language}>
+      <select className='font-body rounded-md bg-secondary dark:bg-secondary-dark focus:outline-none' id="language-select" onChange={changeLanguage} value={i18n.language}>
         <option value="en">English</option>
         <option value="bn">বাংলা</option>
         <option value="hi">हिन्दी</option>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0143ff7..e289ffe 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -9,7 +9,7 @@ function Home() {
   const userInformation = getUserInfoFromSession();
 
   return (
-    <div className="py-7 flex flex-grow gap-7">
+    <div className="flex flex-grow gap-7">
       <div className="flex gap-7 flex-col basis-1/3">
         <div className="flex-grow">
           <FormBox title={t('holidayList')} alt={true}>