From 9052b0f4f626fa70181b28986b8a3a76ae44f348 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Fri, 21 Jun 2024 22:32:00 +0200
Subject: [PATCH] fix(reply): edit menu checkbox was displaced on mobile

---
 src/components/edit-menu/edit-menu.module.css                 | 1 -
 .../post-mobile/post-menu-mobile/post-menu-mobile.module.css  | 4 ++++
 .../post-mobile/post-menu-mobile/post-menu-mobile.tsx         | 4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/edit-menu/edit-menu.module.css b/src/components/edit-menu/edit-menu.module.css
index de831b99..660a0176 100644
--- a/src/components/edit-menu/edit-menu.module.css
+++ b/src/components/edit-menu/edit-menu.module.css
@@ -95,7 +95,6 @@
   }
 
   .replyCheckbox {
-    padding-left: 5px;
     padding-top: 0;
   }
 }
\ No newline at end of file
diff --git a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.module.css b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.module.css
index 02d261a2..d087c579 100644
--- a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.module.css
+++ b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.module.css
@@ -13,6 +13,10 @@
   cursor: pointer;
 }
 
+.checkbox {
+  float: left;
+}
+
 .postMenu {
   font-size: 16px;
   line-height: 2.5em;
diff --git a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx
index 1c459dad..3d040105 100644
--- a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx
+++ b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx
@@ -154,7 +154,9 @@ const PostMenuMobile = ({ post }: { post: Comment }) => {
           document.body,
         )}
       {(isAccountMod || isAccountCommentAuthor) && (
-        <EditMenu isAccountCommentAuthor={isAccountCommentAuthor} isAccountMod={isAccountMod} isCommentAuthorMod={isCommentAuthorMod} post={post} />
+        <span className={styles.checkbox}>
+          <EditMenu isAccountCommentAuthor={isAccountCommentAuthor} isAccountMod={isAccountMod} isCommentAuthorMod={isCommentAuthorMod} post={post} />
+        </span>
       )}
     </>
   );