From 77ff2e30a32f624fde07498e26809ee2e396e71e Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:21:47 +0000
Subject: [PATCH 1/8] Change header text size in sidebar pagetree

---
 apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx | 2 +-
 apps/app/src/client/components/Sidebar/Sidebar.module.scss   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
index 6d2e960a03d..36c163360bf 100644
--- a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
+++ b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
@@ -23,7 +23,7 @@ export const PageTree = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h4 className="mb-0">{t('Page Tree')}</h4>
+        <h1 className="fs-6 fw-bold mb-0">{t('Page Tree')}</h1>
         <Suspense>
           <PageTreeHeader
             isWipPageShown={isWipPageShown}
diff --git a/apps/app/src/client/components/Sidebar/Sidebar.module.scss b/apps/app/src/client/components/Sidebar/Sidebar.module.scss
index ab1c9a1e40c..fbe7f1c318b 100644
--- a/apps/app/src/client/components/Sidebar/Sidebar.module.scss
+++ b/apps/app/src/client/components/Sidebar/Sidebar.module.scss
@@ -11,7 +11,7 @@
 .grw-sidebar :global {
   .grw-sidebar-content-header {
     .grw-btn-reload {
-      font-size: 18px;
+      font-size: 16px;
     }
   }
 }

From 2368f56b1792fe359c4993bcdf2c6325be8d5148 Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:25:10 +0000
Subject: [PATCH 2/8] Change header text size in custom sidebar

---
 .../src/client/components/Sidebar/Custom/CustomSidebar.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
index 99df394d707..94037f9fb6d 100644
--- a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
+++ b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
@@ -20,10 +20,10 @@ export const CustomSidebar = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h4 className="mb-0">
+        <h1 className="fs-6 fw-bold mb-0">
           {t('CustomSidebar')}
           { !isLoading && <Link href="/Sidebar#edit" className="h6 ms-2"><span className="material-symbols-outlined">edit</span></Link> }
-        </h4>
+        </h1>
         { !isLoading && <SidebarHeaderReloadButton onClick={() => mutate()} /> }
       </div>
 

From 8c5a49b0e4dd58b576a388eee7d6d6294e68a759 Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:27:28 +0000
Subject: [PATCH 3/8] Change header text size in sidebar RecentChanges

---
 .../client/components/Sidebar/RecentChanges/RecentChanges.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
index 8ded9b34418..46c4717a156 100644
--- a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
+++ b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
@@ -21,7 +21,7 @@ export const RecentChanges = (): JSX.Element => {
   return (
     <div className="px-3" data-testid="grw-recent-changes">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h4 className="mb-0 text-nowrap">{t('Recent Changes')}</h4>
+        <h1 className="fs-6 fw-bold mb-0 text-nowrap">{t('Recent Changes')}</h1>
         <Suspense>
           <RecentChangesHeader
             isSmall={isSmall}

From 109718325a6f29e4800ae58042caa0de8c01391d Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:35:20 +0000
Subject: [PATCH 4/8] Change header text size in sidebar bookmark

---
 apps/app/src/client/components/Sidebar/Bookmarks.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/client/components/Sidebar/Bookmarks.tsx b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
index 0db20e16e9d..1f76d0ff704 100644
--- a/apps/app/src/client/components/Sidebar/Bookmarks.tsx
+++ b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
@@ -14,7 +14,7 @@ export const Bookmarks = () : JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header">
-        <h4 className="mb-0 py-4">{t('Bookmarks')}</h4>
+        <h1 className="fs-6 fw-bold mb-0 py-4">{t('Bookmarks')}</h1>
       </div>
       {isGuestUser ? (
         <h4 className="fs-6">

From 66c85295c87f47986ae5a79e6cc2fbefb6a07797 Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:36:28 +0000
Subject: [PATCH 5/8] Adjust layout tag sidebar

---
 apps/app/src/client/components/Sidebar/Tag.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/Tag.tsx b/apps/app/src/client/components/Sidebar/Tag.tsx
index 16495eb34c0..c6de33e5b0a 100644
--- a/apps/app/src/client/components/Sidebar/Tag.tsx
+++ b/apps/app/src/client/components/Sidebar/Tag.tsx
@@ -44,8 +44,8 @@ const Tag: FC = () => {
   // todo: adjust design by XD
   return (
     <div className="container-lg px-3 mb-5 pb-5" data-testid="grw-sidebar-content-tags">
-      <div className="grw-sidebar-content-header py-3 d-flex">
-        <h4 className="mb-0">{t('Tags')}</h4>
+      <div className="grw-sidebar-content-header pt-4 pb-3 d-flex">
+        <h1 className="fs-6 fw-bold mb-0">{t('Tags')}</h1>
         <SidebarHeaderReloadButton onClick={() => onReload()} />
       </div>
 

From e91d7fd13598a35a82842439ee224724e190ec3f Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Tue, 23 Jul 2024 05:39:01 +0000
Subject: [PATCH 6/8] Change header text size in InAppNotification Sidebar

---
 .../Sidebar/InAppNotification/InAppNotification.tsx           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
index 328f4447cee..bacaf81a7d0 100644
--- a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
+++ b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
@@ -17,9 +17,9 @@ export const InAppNotification = (): JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h4 className="mb-0">
+        <h1 className="fs-6 fw-bold mb-0">
           {t('In-App Notification')}
-        </h4>
+        </h1>
       </div>
 
       <InAppNotificationForms

From e7824bf1be6e28a8edeef13ff22851e3eb70f73f Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Wed, 24 Jul 2024 10:07:13 +0000
Subject: [PATCH 7/8] Replace h1 with h2

---
 apps/app/src/client/components/Sidebar/Bookmarks.tsx          | 2 +-
 .../src/client/components/Sidebar/Custom/CustomSidebar.tsx    | 4 ++--
 .../Sidebar/InAppNotification/InAppNotification.tsx           | 4 ++--
 apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx  | 2 +-
 .../client/components/Sidebar/RecentChanges/RecentChanges.tsx | 2 +-
 apps/app/src/client/components/Sidebar/Tag.tsx                | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/Bookmarks.tsx b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
index 1f76d0ff704..b0a734cc9a6 100644
--- a/apps/app/src/client/components/Sidebar/Bookmarks.tsx
+++ b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
@@ -14,7 +14,7 @@ export const Bookmarks = () : JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header">
-        <h1 className="fs-6 fw-bold mb-0 py-4">{t('Bookmarks')}</h1>
+        <h2 className="fs-6 fw-bold mb-0 py-4">{t('Bookmarks')}</h2>
       </div>
       {isGuestUser ? (
         <h4 className="fs-6">
diff --git a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
index 94037f9fb6d..ccceaa36afd 100644
--- a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
+++ b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
@@ -20,10 +20,10 @@ export const CustomSidebar = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h1 className="fs-6 fw-bold mb-0">
+        <h2 className="fs-6 fw-bold mb-0">
           {t('CustomSidebar')}
           { !isLoading && <Link href="/Sidebar#edit" className="h6 ms-2"><span className="material-symbols-outlined">edit</span></Link> }
-        </h1>
+        </h2>
         { !isLoading && <SidebarHeaderReloadButton onClick={() => mutate()} /> }
       </div>
 
diff --git a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
index bacaf81a7d0..4debcc968c8 100644
--- a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
+++ b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
@@ -17,9 +17,9 @@ export const InAppNotification = (): JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h1 className="fs-6 fw-bold mb-0">
+        <h2 className="fs-6 fw-bold mb-0">
           {t('In-App Notification')}
-        </h1>
+        </h2>
       </div>
 
       <InAppNotificationForms
diff --git a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
index 36c163360bf..29789c9518e 100644
--- a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
+++ b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
@@ -23,7 +23,7 @@ export const PageTree = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h1 className="fs-6 fw-bold mb-0">{t('Page Tree')}</h1>
+        <h2 className="fs-6 fw-bold mb-0">{t('Page Tree')}</h2>
         <Suspense>
           <PageTreeHeader
             isWipPageShown={isWipPageShown}
diff --git a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
index 46c4717a156..b1079f20f6d 100644
--- a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
+++ b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
@@ -21,7 +21,7 @@ export const RecentChanges = (): JSX.Element => {
   return (
     <div className="px-3" data-testid="grw-recent-changes">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h1 className="fs-6 fw-bold mb-0 text-nowrap">{t('Recent Changes')}</h1>
+        <h2 className="fs-6 fw-bold mb-0 text-nowrap">{t('Recent Changes')}</h2>
         <Suspense>
           <RecentChangesHeader
             isSmall={isSmall}
diff --git a/apps/app/src/client/components/Sidebar/Tag.tsx b/apps/app/src/client/components/Sidebar/Tag.tsx
index c6de33e5b0a..9f9d9528bd3 100644
--- a/apps/app/src/client/components/Sidebar/Tag.tsx
+++ b/apps/app/src/client/components/Sidebar/Tag.tsx
@@ -45,7 +45,7 @@ const Tag: FC = () => {
   return (
     <div className="container-lg px-3 mb-5 pb-5" data-testid="grw-sidebar-content-tags">
       <div className="grw-sidebar-content-header pt-4 pb-3 d-flex">
-        <h1 className="fs-6 fw-bold mb-0">{t('Tags')}</h1>
+        <h2 className="fs-6 fw-bold mb-0">{t('Tags')}</h2>
         <SidebarHeaderReloadButton onClick={() => onReload()} />
       </div>
 

From 2e23f971a73fcccd729e7e4d873a421399892157 Mon Sep 17 00:00:00 2001
From: satof3 <satof.design@gmail.com>
Date: Thu, 25 Jul 2024 05:52:58 +0000
Subject: [PATCH 8/8] Replace h3 with h2

---
 apps/app/src/client/components/Sidebar/Bookmarks.tsx          | 2 +-
 .../src/client/components/Sidebar/Custom/CustomSidebar.tsx    | 4 ++--
 .../Sidebar/InAppNotification/InAppNotification.tsx           | 4 ++--
 apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx  | 2 +-
 .../client/components/Sidebar/RecentChanges/RecentChanges.tsx | 2 +-
 apps/app/src/client/components/Sidebar/Tag.tsx                | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/app/src/client/components/Sidebar/Bookmarks.tsx b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
index b0a734cc9a6..6460d18a3fd 100644
--- a/apps/app/src/client/components/Sidebar/Bookmarks.tsx
+++ b/apps/app/src/client/components/Sidebar/Bookmarks.tsx
@@ -14,7 +14,7 @@ export const Bookmarks = () : JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header">
-        <h2 className="fs-6 fw-bold mb-0 py-4">{t('Bookmarks')}</h2>
+        <h3 className="fs-6 fw-bold mb-0 py-4">{t('Bookmarks')}</h3>
       </div>
       {isGuestUser ? (
         <h4 className="fs-6">
diff --git a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
index ccceaa36afd..58e3001fd54 100644
--- a/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
+++ b/apps/app/src/client/components/Sidebar/Custom/CustomSidebar.tsx
@@ -20,10 +20,10 @@ export const CustomSidebar = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h2 className="fs-6 fw-bold mb-0">
+        <h3 className="fs-6 fw-bold mb-0">
           {t('CustomSidebar')}
           { !isLoading && <Link href="/Sidebar#edit" className="h6 ms-2"><span className="material-symbols-outlined">edit</span></Link> }
-        </h2>
+        </h3>
         { !isLoading && <SidebarHeaderReloadButton onClick={() => mutate()} /> }
       </div>
 
diff --git a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
index 4debcc968c8..516cef5ca22 100644
--- a/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
+++ b/apps/app/src/client/components/Sidebar/InAppNotification/InAppNotification.tsx
@@ -17,9 +17,9 @@ export const InAppNotification = (): JSX.Element => {
   return (
     <div className="px-3">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h2 className="fs-6 fw-bold mb-0">
+        <h3 className="fs-6 fw-bold mb-0">
           {t('In-App Notification')}
-        </h2>
+        </h3>
       </div>
 
       <InAppNotificationForms
diff --git a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
index 29789c9518e..20a98c46279 100644
--- a/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
+++ b/apps/app/src/client/components/Sidebar/PageTree/PageTree.tsx
@@ -23,7 +23,7 @@ export const PageTree = (): JSX.Element => {
   return (
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
-        <h2 className="fs-6 fw-bold mb-0">{t('Page Tree')}</h2>
+        <h3 className="fs-6 fw-bold mb-0">{t('Page Tree')}</h3>
         <Suspense>
           <PageTreeHeader
             isWipPageShown={isWipPageShown}
diff --git a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
index b1079f20f6d..0417dc33122 100644
--- a/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
+++ b/apps/app/src/client/components/Sidebar/RecentChanges/RecentChanges.tsx
@@ -21,7 +21,7 @@ export const RecentChanges = (): JSX.Element => {
   return (
     <div className="px-3" data-testid="grw-recent-changes">
       <div className="grw-sidebar-content-header py-4 d-flex">
-        <h2 className="fs-6 fw-bold mb-0 text-nowrap">{t('Recent Changes')}</h2>
+        <h3 className="fs-6 fw-bold mb-0 text-nowrap">{t('Recent Changes')}</h3>
         <Suspense>
           <RecentChangesHeader
             isSmall={isSmall}
diff --git a/apps/app/src/client/components/Sidebar/Tag.tsx b/apps/app/src/client/components/Sidebar/Tag.tsx
index 9f9d9528bd3..bbb1697fd08 100644
--- a/apps/app/src/client/components/Sidebar/Tag.tsx
+++ b/apps/app/src/client/components/Sidebar/Tag.tsx
@@ -45,7 +45,7 @@ const Tag: FC = () => {
   return (
     <div className="container-lg px-3 mb-5 pb-5" data-testid="grw-sidebar-content-tags">
       <div className="grw-sidebar-content-header pt-4 pb-3 d-flex">
-        <h2 className="fs-6 fw-bold mb-0">{t('Tags')}</h2>
+        <h3 className="fs-6 fw-bold mb-0">{t('Tags')}</h3>
         <SidebarHeaderReloadButton onClick={() => onReload()} />
       </div>