From 903733ad60e4cd747f5a6e769e59cdbe973ac43a Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Thu, 18 Apr 2024 19:59:55 +0800
Subject: [PATCH] Rearrange CSS classes in various components

This commit reorders CSS classes in multiple files to maintain consistent code style. The switch does not change any style attribute's functionality or the display, but assists in code readability and organization.
---
 .../home/[account]/_components/account-layout-sidebar.tsx   | 2 +-
 apps/web/app/(dashboard)/home/[account]/page.tsx            | 2 +-
 apps/web/app/(dashboard)/home/_components/home-sidebar.tsx  | 2 +-
 packages/billing/gateway/src/components/index.ts            | 2 +-
 packages/ui/src/makerkit/page.tsx                           | 6 ++----
 5 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx b/apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx
index b9b785dae..d7599f94a 100644
--- a/apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx
+++ b/apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx
@@ -85,7 +85,7 @@ function SidebarContainer(props: {
         />
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
+      <SidebarContent className={`mt-5 h-[calc(100%-160px)] overflow-y-auto`}>
         <AccountLayoutSidebarNavigation account={account} />
       </SidebarContent>
 
diff --git a/apps/web/app/(dashboard)/home/[account]/page.tsx b/apps/web/app/(dashboard)/home/[account]/page.tsx
index 22fbef8e6..e61fd86bb 100644
--- a/apps/web/app/(dashboard)/home/[account]/page.tsx
+++ b/apps/web/app/(dashboard)/home/[account]/page.tsx
@@ -56,7 +56,7 @@ function TeamAccountHomePage({
         account={params.account}
       >
         <Button size={'sm'}>
-          <PlusCircle className={'h-4 mr-1'} />
+          <PlusCircle className={'mr-1 h-4'} />
           <span>Add Widget</span>
         </Button>
       </AccountLayoutHeader>
diff --git a/apps/web/app/(dashboard)/home/_components/home-sidebar.tsx b/apps/web/app/(dashboard)/home/_components/home-sidebar.tsx
index 294635a0b..1114e4f23 100644
--- a/apps/web/app/(dashboard)/home/_components/home-sidebar.tsx
+++ b/apps/web/app/(dashboard)/home/_components/home-sidebar.tsx
@@ -32,7 +32,7 @@ export function HomeSidebar() {
         </If>
       </SidebarContent>
 
-      <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto mt-5`}>
+      <SidebarContent className={`mt-5 h-[calc(100%-160px)] overflow-y-auto`}>
         <SidebarNavigation config={personalAccountSidebarConfig} />
       </SidebarContent>
 
diff --git a/packages/billing/gateway/src/components/index.ts b/packages/billing/gateway/src/components/index.ts
index f1e5a0065..86b562200 100644
--- a/packages/billing/gateway/src/components/index.ts
+++ b/packages/billing/gateway/src/components/index.ts
@@ -2,4 +2,4 @@ export * from './plan-picker';
 export * from './current-subscription-card';
 export * from './current-lifetime-order-card';
 export * from './billing-session-status';
-export * from './billing-portal-card';
\ No newline at end of file
+export * from './billing-portal-card';
diff --git a/packages/ui/src/makerkit/page.tsx b/packages/ui/src/makerkit/page.tsx
index aa35f5318..4f798f713 100644
--- a/packages/ui/src/makerkit/page.tsx
+++ b/packages/ui/src/makerkit/page.tsx
@@ -44,12 +44,10 @@ export function PageHeader({
   mobileNavigation?: React.ReactNode;
 }>) {
   return (
-    <div
-      className={'flex min-h-16 items-center justify-between border-b px-4'}
-    >
+    <div className={'flex min-h-16 items-center justify-between border-b px-4'}>
       <div
         className={
-          'flex items-center space-x-4 lg:flex-col lg:space-y-0.5 lg:items-start lg:space-x-0'
+          'flex items-center space-x-4 lg:flex-col lg:items-start lg:space-x-0 lg:space-y-0.5'
         }
       >
         <div className={'flex items-center lg:hidden'}>{mobileNavigation}</div>