style: update mobile UI spacing, colors

src/components/board-buttons/board-buttons.module.css

@@ -1,11 +1,14 @@
 .mobileBoardButtons {
   text-align: center;
-  margin-bottom: 10px;
+}
+
+.addMargin {
+  margin-bottom: 7px;
 }
 
 .mobileBoardButtons button {
-  margin: 0 2px;
   text-transform: capitalize;
+  margin: 5px 2px;
 }
 
 .mobileBoardButtons a, .desktopBoardButtons a {

src/components/board-buttons/board-buttons.tsx

@@ -185,7 +185,7 @@ export const MobileBoardButtons = () => {
   const subplebbitAddress = params?.subplebbitAddress || accountComment?.subplebbitAddress;
 
   return (
-    <div className={styles.mobileBoardButtons}>
+    <div className={`${styles.mobileBoardButtons} ${!isInCatalogView ? styles.addMargin : ''}`}>
       <div className={styles.adButton}>
         [
         <Link