From 3677f3be4bfb4e191ac4665f5485d9077cfe9339 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 9 Sep 2022 11:29:46 -0500
Subject: [PATCH] UI sizing fixes

---
 src/view/com/post-thread/PostThreadItem.tsx | 11 +++++++++--
 src/view/com/post/Post.tsx                  |  2 +-
 src/view/com/posts/FeedItem.tsx             |  2 +-
 src/view/com/util/FloatingActionButton.tsx  | 14 +++++++-------
 src/view/shell/mobile/index.tsx             | 16 ++++++++--------
 todos.txt                                   |  3 ++-
 6 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 8752ee7f9d..a55accdc39 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -144,7 +144,7 @@ export const PostThreadItem = observer(function PostThreadItem({
           </View>
         </View>
         <View style={[s.pl10, s.pr10, s.pb10]}>
-          <Text style={[styles.postText, s.f18, s['lh18-1.3']]}>
+          <Text style={[styles.postText, styles.postTextLarge]}>
             {record.text}
           </Text>
           {item._isHighlightedPost && hasEngagement ? (
@@ -272,9 +272,16 @@ const styles = StyleSheet.create({
     paddingRight: 5,
   },
   postText: {
-    paddingBottom: 5,
+    paddingBottom: 8,
     fontFamily: 'Helvetica Neue',
   },
+  postTextLarge: {
+    paddingLeft: 4,
+    paddingBottom: 20,
+    fontSize: 24,
+    lineHeight: 32,
+    fontWeight: '300',
+  },
   expandedInfo: {
     flexDirection: 'row',
     padding: 10,
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx
index 3dd5c00470..7ccbbcf36f 100644
--- a/src/view/com/post/Post.tsx
+++ b/src/view/com/post/Post.tsx
@@ -182,7 +182,7 @@ const styles = StyleSheet.create({
     paddingRight: 5,
   },
   postText: {
-    paddingBottom: 5,
+    paddingBottom: 8,
   },
   ctrls: {
     flexDirection: 'row',
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index 2376686df9..b8ab1e4ba9 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -191,7 +191,7 @@ const styles = StyleSheet.create({
     paddingRight: 5,
   },
   postText: {
-    paddingBottom: 5,
+    paddingBottom: 8,
     fontFamily: 'Helvetica Neue',
   },
   ctrls: {
diff --git a/src/view/com/util/FloatingActionButton.tsx b/src/view/com/util/FloatingActionButton.tsx
index 382bf66b25..bc16c05660 100644
--- a/src/view/com/util/FloatingActionButton.tsx
+++ b/src/view/com/util/FloatingActionButton.tsx
@@ -16,7 +16,7 @@ export function FAB({icon, onPress}: {icon: IconProp; onPress: OnPress}) {
         end={{x: 1, y: 1}}
         style={styles.inner}>
         <FontAwesomeIcon
-          size={20}
+          size={24}
           icon={icon}
           color={colors.white}
           style={styles.icon}
@@ -32,17 +32,17 @@ const styles = StyleSheet.create({
     zIndex: zIndex.FAB,
     right: 20,
     bottom: 10,
-    width: 50,
-    height: 50,
-    borderRadius: 25,
+    width: 60,
+    height: 60,
+    borderRadius: 30,
     shadowColor: '#000',
     shadowOpacity: 0.3,
     shadowOffset: {width: 0, height: 1},
   },
   inner: {
-    width: 50,
-    height: 50,
-    borderRadius: 25,
+    width: 60,
+    height: 60,
+    borderRadius: 30,
     justifyContent: 'center',
     alignItems: 'center',
   },
diff --git a/src/view/shell/mobile/index.tsx b/src/view/shell/mobile/index.tsx
index 6aefbe971b..cef72cfd4e 100644
--- a/src/view/shell/mobile/index.tsx
+++ b/src/view/shell/mobile/index.tsx
@@ -87,7 +87,7 @@ const Btn = ({
     return (
       <View style={styles.ctrl}>
         <FontAwesomeIcon
-          size={18}
+          size={21}
           style={[styles.ctrlIcon, styles.inactive]}
           icon={icon}
         />
@@ -99,7 +99,7 @@ const Btn = ({
       style={styles.ctrl}
       onPress={onPress}
       onLongPress={onLongPress}>
-      <FontAwesomeIcon size={18} style={styles.ctrlIcon} icon={icon} />
+      <FontAwesomeIcon size={21} style={styles.ctrlIcon} icon={icon} />
     </TouchableOpacity>
   )
 }
@@ -331,19 +331,19 @@ const styles = StyleSheet.create({
     paddingBottom: 5,
   },
   avi: {
-    width: 28,
-    height: 28,
+    width: 34,
+    height: 34,
     marginRight: 8,
-    borderRadius: 14,
+    borderRadius: 17,
   },
   location: {
     flex: 1,
     flexDirection: 'row',
     borderRadius: 6,
-    paddingLeft: 10,
+    paddingLeft: 12,
     paddingRight: 6,
-    paddingTop: 6,
-    paddingBottom: 6,
+    paddingTop: 9,
+    paddingBottom: 9,
     backgroundColor: colors.gray1,
     // justifyContent: 'center',
   },
diff --git a/todos.txt b/todos.txt
index 965af5c1d3..1273e977b0 100644
--- a/todos.txt
+++ b/todos.txt
@@ -19,4 +19,5 @@ Paul's todo list
   - Followers list
   - Follows list
 - Bugs
-  - Check that sub components arent reloading too much
\ No newline at end of file
+  - Check that sub components arent reloading too much
+  - Titles are getting screwed up (possibly swipe related)
\ No newline at end of file