From 4cef89eee31a4e47ff6e36f28cf9e2c7f7145f36 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 4 Apr 2024 12:06:37 +0200
Subject: [PATCH] style(post page): add padding to buttons on mobile

---
 src/components/board-buttons/board-buttons.module.css | 5 +++++
 src/components/board-buttons/board-buttons.tsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/board-buttons/board-buttons.module.css b/src/components/board-buttons/board-buttons.module.css
index 87f1fe85..06028aaf 100644
--- a/src/components/board-buttons/board-buttons.module.css
+++ b/src/components/board-buttons/board-buttons.module.css
@@ -12,6 +12,11 @@
   all: unset;
 }
 
+.mobilePostPageButtonsSecondRow {
+  padding-top: 5px;
+  padding-bottom: 20px;
+}
+
 @media (max-width: 640px) {
   .desktopBoardButtons {
     display: none;
diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx
index 12f54a9d..6d5f1b0f 100644
--- a/src/components/board-buttons/board-buttons.tsx
+++ b/src/components/board-buttons/board-buttons.tsx
@@ -60,7 +60,7 @@ export const MobileBoardButtons = ({ address }: BoardButtonsProps) => {
           <ReturnButton address={address} />
           <CatalogButton address={address} />
           <BottomButton />
-          <div>
+          <div className={styles.mobilePostPageButtonsSecondRow}>
             <OptionsButton />
             <SubscribeButton address={address} />
           </div>