Merge branch 'codex/fix/board-footer-subscriptions-empty-style'

src/views/board/__tests__/board.test.tsx

@@ -604,6 +604,7 @@ describe('Board', () => {
 
     expect(latestLocation).toBe('/subs');
     expect(container.textContent).toContain('not_subscribed_to_any_board');
+    expect(container.querySelector('[role="status"]')?.className).toContain('searchNothingFound');
   });
 
   it('links empty mod feeds to account import settings', async () => {

src/views/board/board.module.css

@@ -17,6 +17,17 @@
   padding: 15px 0 20px 5px;
 }
 
+.searchNothingFound {
+  color: red;
+  display: block;
+  margin: 0;
+  padding: 1em 0;
+  text-align: center;
+  font-size: x-large;
+  font-weight: bold;
+  line-height: normal;
+}
+
 .morePostsSuggestion {
   color: var(--body-font-color);
   padding-bottom: 5px;

src/views/board/board.tsx

@@ -133,7 +133,9 @@ const BoardFooter = ({
         {communityState === 'failed' ? (
           <span className='red'>{communityState}</span>
         ) : isInSubscriptionsView && subscriptionsLength === 0 ? (
-          <span className='red'>{t('not_subscribed_to_any_board')}</span>
+          <div className={styles.searchNothingFound} role='status'>
+            {t('not_subscribed_to_any_board')}
+          </div>
         ) : isInModView && accountCommunityAddressesLength === 0 ? (
           <ModEmptyState />
         ) : (