From a68b009f3e0e47a17628ef1384eeb858d36244f6 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Wed, 27 Dec 2023 20:35:44 +0100
Subject: [PATCH] fix(header): correct height on mobile submit page

---
 src/components/header/header.module.css |  4 ++++
 src/components/header/header.tsx        | 10 ++--------
 src/components/reply/reply.tsx          |  1 -
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/header/header.module.css b/src/components/header/header.module.css
index d4462c9a..11235e9c 100644
--- a/src/components/header/header.module.css
+++ b/src/components/header/header.module.css
@@ -176,4 +176,8 @@
     order: 3;
     margin-bottom: -4px;
   }
+}
+
+.singleAboutButton {
+  margin-bottom: 1px;
 }
\ No newline at end of file
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index 35b81707..c98442c1 100644
--- a/src/components/header/header.tsx
+++ b/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>
diff --git a/src/components/reply/reply.tsx b/src/components/reply/reply.tsx
index 45750bda..b18b7817 100644
--- a/src/components/reply/reply.tsx
+++ b/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;