Merge pull request #5942 from weseek/imprv/96381-fix-style

imprv adjustment style

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

@@ -49,7 +49,7 @@ const Tag: FC = () => {
         </button>
       </div>
 
-      <h2 className="my-3">{t('tag_list')}</h2>
+      <h3 className="my-3">{t('tag_list')}</h3>
 
       { isLoading
         ? (
@@ -70,7 +70,7 @@ const Tag: FC = () => {
 
       <div className="d-flex justify-content-center my-5">
         <button
-          className="btn btn-primary rounded px-5"
+          className="btn btn-primary rounded px-4"
           type="button"
           onClick={() => { window.location.href = '/tags' }}
         >
@@ -78,9 +78,9 @@ const Tag: FC = () => {
         </button>
       </div>
 
-      <h2 className="my-3">{t('popular_tags')}</h2>
+      <h3 className="my-3">{t('popular_tags')}</h3>
 
-      <div className="px-3 text-center">
+      <div className="text-center">
         <TagCloudBox tags={tagCloudData} />
       </div>
     </div>

packages/app/src/components/TagList.tsx

@@ -38,7 +38,7 @@ const TagList: FC<TagListProps> = (props:(TagListProps & typeof defaultProps)) =
           href={`/_search?q=tag:${encodeURIComponent(tag.name)}`}
           className={tagListClasses}
         >
-          <div className="text-truncate">{tag.name}</div>
+          <div className="text-truncate list-tag-name">{tag.name}</div>
           <div className="ml-4 my-auto py-1 px-2 list-tag-count badge badge-secondary text-white">{tag.count}</div>
         </a>
       );
@@ -51,7 +51,7 @@ const TagList: FC<TagListProps> = (props:(TagListProps & typeof defaultProps)) =
 
   return (
     <>
-      <ul className="list-group text-left mb-4">
+      <ul className="list-group text-left mb-5">
         {generateTagList(tagData)}
       </ul>
       {isPaginationShown

packages/app/src/styles/_page_list.scss

@@ -97,6 +97,10 @@ body .page-list {
   }
 }
 
+.list-tag-name {
+  font-size: 17px;
+}
+
 .popular-page-high {
   font-size: 1.1em;
   font-weight: bold;