fix margin

apps/app/src/components/ItemsTree/ItemsTree.tsx

@@ -274,7 +274,7 @@ export const ItemsTree = (props: ItemsTreeProps): JSX.Element => {
 
   if (initialItemNode != null) {
     return (
-      <ul className={`grw-pagetree ${styles['grw-pagetree']} list-group py-3`} ref={rootElemRef}>
+      <ul className={`grw-pagetree ${styles['grw-pagetree']} list-group py-4`} ref={rootElemRef}>
         <CustomTreeItem
           key={initialItemNode.page.path}
           targetPathOrId={targetPathOrId}

apps/app/src/components/Sidebar/Custom/CustomSidebar.tsx

@@ -18,10 +18,8 @@ export const CustomSidebar = (): JSX.Element => {
   const { mutate, isLoading } = useSWRxPageByPath('/Sidebar');
 
   return (
-    // TODO : #139425 Match the space specification method to others
-    // ref.  https://redmine.weseek.co.jp/issues/139425
-    <div className="px-3">
-      <div className="grw-sidebar-content-header py-3 d-flex">
+    <div className="pt-4 pb-3 px-3">
+      <div className="grw-sidebar-content-header d-flex">
         <h4 className="mb-0">
           {t('CustomSidebar')}
           { !isLoading && <Link href="/Sidebar#edit" className="h6 ms-2"><span className="material-symbols-outlined">edit</span></Link> }

apps/app/src/components/Sidebar/Custom/CustomSidebarSubstance.tsx

@@ -22,7 +22,7 @@ export const CustomSidebarSubstance = (): JSX.Element => {
   const markdown = page?.revision.body;
 
   return (
-    <div className={`py-3 grw-custom-sidebar-content ${styles['grw-custom-sidebar-content']}`}>
+    <div className={`py-4 grw-custom-sidebar-content ${styles['grw-custom-sidebar-content']}`}>
       { markdown == null
         ? <SidebarNotFound />
         : (

apps/app/src/components/Sidebar/InAppNotification/InAppNotification.tsx

@@ -15,10 +15,8 @@ export const InAppNotification = (): JSX.Element => {
   const [isUnopendNotificationsVisible, setUnopendNotificationsVisible] = useState(false);
 
   return (
-    // TODO : #139425 Match the space specification method to others
-    // ref.  https://redmine.weseek.co.jp/issues/139425
     <div className="px-3">
-      <div className="grw-sidebar-content-header py-3 d-flex">
+      <div className="grw-sidebar-content-header py-4 d-flex">
         <h4 className="mb-0">
           {t('In-App Notification')}
         </h4>

apps/app/src/components/Sidebar/PageTree/PageTree.tsx

@@ -17,8 +17,6 @@ export const PageTree = (): JSX.Element => {
   const { t } = useTranslation();
 
   return (
-    // TODO : #139425 Match the space specification method to others
-    // ref.  https://redmine.weseek.co.jp/issues/139425
     <div className="pt-4 pb-3 px-3">
       <div className="grw-sidebar-content-header d-flex">
         <h4 className="mb-0">{t('Page Tree')}</h4>

apps/app/src/components/Sidebar/RecentChanges/RecentChanges.tsx

@@ -18,10 +18,8 @@ export const RecentChanges = (): JSX.Element => {
   const [isSmall, setIsSmall] = useState(false);
 
   return (
-    // TODO : #139425 Match the space specification method to others
-    // ref.  https://redmine.weseek.co.jp/issues/139425
     <div className="px-3" data-testid="grw-recent-changes">
-      <div className="grw-sidebar-content-header py-3 d-flex">
+      <div className="grw-sidebar-content-header py-4 d-flex">
         <h4 className="mb-0 text-nowrap">{t('Recent Changes')}</h4>
         <Suspense>
           <RecentChangesHeader isSmall={isSmall} onSizeChange={setIsSmall} />

apps/app/src/components/Sidebar/RecentChanges/RecentChangesSubstance.tsx

@@ -199,7 +199,7 @@ export const RecentChangesContent = ({ isSmall }: ContentProps): JSX.Element =>
   const isReachingEnd = isEmpty || (data != null && data[data.length - 1]?.pages.length < PER_PAGE);
 
   return (
-    <div className="grw-recent-changes py-3">
+    <div className="grw-recent-changes">
       <ul className="list-group list-group-flush">
         <InfiniteScroll
           swrInifiniteResponse={swrInifinitexRecentlyUpdated}

apps/app/src/components/Sidebar/Tag.tsx

@@ -45,15 +45,13 @@ const Tag: FC = () => {
 
   // todo: adjust design by XD
   return (
-    // TODO : #139425 Match the space specification method to others
-    // ref.  https://redmine.weseek.co.jp/issues/139425
     <div className="container-lg px-4 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>
         <SidebarHeaderReloadButton onClick={() => onReload()} />
       </div>
 
-      <h3 className="my-3">{t('tag_list')}</h3>
+      <h6 className="my-3 pb-1 border-bottom">{t('tag_list')}</h6>
 
       { isLoading
         ? (
@@ -82,7 +80,7 @@ const Tag: FC = () => {
         </button>
       </div>
 
-      <h3 className="my-3">{t('popular_tags')}</h3>
+      <h6 className="my-3 pb-1 border-bottom">{t('popular_tags')}</h6>
 
       <TagCloudBox tags={tagCloudData} />
     </div>

apps/app/src/components/TagList.tsx

@@ -53,7 +53,7 @@ const TagList: FC<TagListProps> = (props:(TagListProps & typeof defaultProps)) =
   }, [pushState]);
 
   if (!isTagExist) {
-    return <h3>{ t('You have no tag, You can set tags on pages') }</h3>;
+    return <h6>{ t('You have no tag, You can set tags on pages') }</h6>;
   }
 
   return (