style: update mobile UI spacing, colors

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

@@ -40,8 +40,8 @@
 }
 
 @media (max-width: 640px) {
-  .bannerCnt {
-    padding-top: 35px;
+  .boardTitle {
+    padding-top: 40px;
   }
  }
 

src/components/board-header/board-header.tsx

@@ -6,6 +6,7 @@ import { getFormattedTimeAgo } from '../../lib/utils/time-utils';
 import { isAllView, isSubscriptionsView } from '../../lib/utils/view-utils';
 import styles from './board-header.module.css';
 import { useMultisubMetadata } from '../../hooks/use-default-subplebbits';
+import useIsMobile from '../../hooks/use-is-mobile';
 
 const totalBanners = 59;
 
@@ -45,9 +46,11 @@ const BoardHeader = () => {
 
   return (
     <div className={styles.content}>
-      <div className={styles.bannerCnt}>
-        <ImageBanner key={isInAllView ? 'all' : isInSubscriptionsView ? 'subscriptions' : address} />
-      </div>
+      {!useIsMobile() && (
+        <div className={styles.bannerCnt}>
+          <ImageBanner key={isInAllView ? 'all' : isInSubscriptionsView ? 'subscriptions' : address} />
+        </div>
+      )}
       <div className={styles.boardTitle}>
         {title || `p/${shortAddress || subplebbitAddress}`}
         {isBoardOffline && <span className={styles.offlineIcon} title={offlineMessage} />}