UI sizing fixes

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,

src/view/com/post/Post.tsx

@@ -182,7 +182,7 @@ const styles = StyleSheet.create({
     paddingRight: 5,
   },
   postText: {
-    paddingBottom: 5,
+    paddingBottom: 8,
   },
   ctrls: {
     flexDirection: 'row',

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: {

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',
   },

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',
   },

todos.txt

@@ -19,4 +19,5 @@ Paul's todo list
   - Followers list
   - Follows list
 - Bugs
-  - Check that sub components arent reloading too much
+  - Check that sub components arent reloading too much
+  - Titles are getting screwed up (possibly swipe related)