fix(header): correct height on mobile submit page

src/components/header/header.module.css

@@ -176,4 +176,8 @@
     order: 3;
     margin-bottom: -4px;
   }
+}
+
+.singleAboutButton {
+  margin-bottom: 1px;
 }

src/components/header/header.tsx

@@ -35,18 +35,12 @@ const AboutButton = () => {
   const params = useParams();
   const location = useLocation();
   const aboutLink = getAboutLink(location.pathname, params);
-  const isHomePage = isHomeView(location.pathname, params);
   const isAboutPage = isAboutView(location.pathname);
+  const isSubplebbitSubmitPage = isSubplebbitSubmitView(location.pathname, params);
 
   return (
     <li className={styles.about}>
-      <Link
-        to={aboutLink}
-        className={`${isAboutPage ? styles.selected : styles.choice}`}
-        onClick={(event) => {
-          isHomePage && event.preventDefault();
-        }}
-      >
+      <Link to={aboutLink} className={`${isAboutPage ? styles.selected : styles.choice}  ${isSubplebbitSubmitPage ? styles.singleAboutButton : ''}`}>
         {t('about')}
       </Link>
     </li>

src/components/reply/reply.tsx

@@ -139,7 +139,6 @@ const InboxParentLink = ({ commentCid }: ParentLinkProps) => {
   const { postCid, parentCid } = inboxComment || {};
   const parent = useComment({ commentCid: inboxComment?.postCid });
   const { cid, content, title, subplebbitAddress } = parent || {};
-  // const { t } = useTranslation();
   const postTitle = (title?.length > 300 ? title?.slice(0, 300) + '...' : title) || (content?.length > 300 ? content?.slice(0, 300) + '...' : content);
 
   const isInboxCommentReply = postCid !== parentCid;