From 5690f5235f887c3363f2c31736046cc682cc9b34 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 5 Jun 2024 14:14:39 -0500
Subject: [PATCH] Swap icon, sizing

---
 src/view/com/home/HomeHeaderLayout.web.tsx   | 21 ++++++++++++++------
 src/view/com/home/HomeHeaderLayoutMobile.tsx |  2 +-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/view/com/home/HomeHeaderLayout.web.tsx b/src/view/com/home/HomeHeaderLayout.web.tsx
index e7a203f72f..57bd7beb06 100644
--- a/src/view/com/home/HomeHeaderLayout.web.tsx
+++ b/src/view/com/home/HomeHeaderLayout.web.tsx
@@ -10,7 +10,7 @@ import {useMinimalShellMode} from 'lib/hooks/useMinimalShellMode'
 import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
 import {Logo} from '#/view/icons/Logo'
 import {atoms as a, useTheme} from '#/alf'
-import {ListPlus_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/ListPlus'
+import {SettingsSliderVertical_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/SettingsSlider'
 import {Link} from '#/components/Link'
 import {useKawaiiMode} from '../../../state/preferences/kawaii'
 import {HomeHeaderLayoutMobile} from './HomeHeaderLayoutMobile'
@@ -52,8 +52,8 @@ function HomeHeaderLayoutDesktopAndTablet({
             a.justify_end,
             a.align_center,
             a.pt_lg,
-            a.px_lg,
-            a.pb_sm,
+            a.px_md,
+            a.pb_2xs,
             t.atoms.bg,
             t.atoms.border_contrast_low,
             styles.bar,
@@ -63,7 +63,6 @@ function HomeHeaderLayoutDesktopAndTablet({
               a.absolute,
               a.inset_0,
               a.pt_lg,
-              a.pb_sm,
               a.m_auto,
               kawaii && {paddingTop: 4, paddingBottom: 0},
               {
@@ -76,8 +75,18 @@ function HomeHeaderLayoutDesktopAndTablet({
           <Link
             to="/feeds"
             hitSlop={10}
-            label={_(msg`View your feeds and explore more`)}>
-            <FeedsIcon size="lg" fill={t.atoms.text_contrast_medium.color} />
+            label={_(msg`View your feeds and explore more`)}
+            size="small"
+            variant="ghost"
+            color="secondary"
+            shape="square"
+            style={[
+              a.justify_center,
+              {
+                marginTop: -4,
+              },
+            ]}>
+            <FeedsIcon size="md" fill={t.atoms.text_contrast_medium.color} />
           </Link>
         </View>
       )}
diff --git a/src/view/com/home/HomeHeaderLayoutMobile.tsx b/src/view/com/home/HomeHeaderLayoutMobile.tsx
index 4bdd417fe0..2523daf5ef 100644
--- a/src/view/com/home/HomeHeaderLayoutMobile.tsx
+++ b/src/view/com/home/HomeHeaderLayoutMobile.tsx
@@ -15,8 +15,8 @@ import {Logo} from '#/view/icons/Logo'
 import {atoms} from '#/alf'
 import {useTheme} from '#/alf'
 import {ColorPalette_Stroke2_Corner0_Rounded as ColorPalette} from '#/components/icons/ColorPalette'
-import {ListPlus_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/ListPlus'
 import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu'
+import {SettingsSliderVertical_Stroke2_Corner0_Rounded as FeedsIcon} from '#/components/icons/SettingsSlider'
 import {Link} from '#/components/Link'
 import {IS_DEV} from '#/env'