about summary refs log tree commit diff
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2024-02-13 10:21:39 -0800
committerPaul Frazee <pfrazee@gmail.com>2024-02-13 10:21:39 -0800
commit2f6d7606b3ca23eb27cd5ccc7b9ecb60abb45706 (patch)
tree8d07b48360f1d934a70e13a36088481a2aa47dc4
parentaaba84f214fc308b3baabb66e19bc1cd64f07714 (diff)
downloadvoidsky-2f6d7606b3ca23eb27cd5ccc7b9ecb60abb45706.tar.zst
Tune the feeds page a little more
-rw-r--r--src/view/screens/Feeds.tsx41
1 files changed, 24 insertions, 17 deletions
diff --git a/src/view/screens/Feeds.tsx b/src/view/screens/Feeds.tsx
index 2e6044100..2e3bf08db 100644
--- a/src/view/screens/Feeds.tsx
+++ b/src/view/screens/Feeds.tsx
@@ -639,17 +639,26 @@ function FeedsSavedHeader() {
 
   return (
     <View
-      style={[
-        a.flex_row,
-        a.px_md,
-        a.pt_2xl,
-        a.gap_md,
-        isWeb ? a.pb_2xl : a.pb_xl,
-        a.border_b,
-        t.atoms.border_contrast_low,
-      ]}>
+      style={
+        isWeb
+          ? [
+              a.flex_row,
+              a.px_md,
+              a.py_lg,
+              a.gap_md,
+              a.border_b,
+              t.atoms.border_contrast_low,
+            ]
+          : [
+              {flexDirection: 'row-reverse'},
+              a.p_lg,
+              a.gap_md,
+              a.border_b,
+              t.atoms.border_contrast_low,
+            ]
+      }>
       <IconCircle icon={ListSparkle_Stroke2_Corner0_Rounded} size="lg" />
-      <View style={[a.flex_1, a.gap_sm]}>
+      <View style={[a.flex_1, a.gap_xs]}>
         <Text style={[a.flex_1, a.text_2xl, a.font_bold, t.atoms.text]}>
           <Trans>My Feeds</Trans>
         </Text>
@@ -666,13 +675,11 @@ function FeedsAboutHeader() {
 
   return (
     <View
-      style={[
-        a.flex_row,
-        a.px_md,
-        a.pt_2xl,
-        a.gap_md,
-        isWeb ? a.pb_2xl : a.pb_xl,
-      ]}>
+      style={
+        isWeb
+          ? [a.flex_row, a.px_md, a.pt_lg, a.pb_lg, a.gap_md]
+          : [{flexDirection: 'row-reverse'}, a.p_lg, a.gap_md]
+      }>
       <IconCircle
         icon={ListMagnifyingGlass_Stroke2_Corner0_Rounded}
         size="lg"