Sizing and spacing fixes based on on-device testing

src/view/com/util/DropdownBtn.tsx

@@ -157,9 +157,9 @@ const styles = StyleSheet.create({
   menuItem: {
     flexDirection: 'row',
     alignItems: 'center',
-    paddingVertical: 6,
-    paddingLeft: 10,
-    paddingRight: 30,
+    paddingVertical: 10,
+    paddingLeft: 15,
+    paddingRight: 40,
   },
   menuItemBorder: {
     borderTopWidth: 1,
@@ -172,6 +172,6 @@ const styles = StyleSheet.create({
     marginRight: 8,
   },
   label: {
-    fontSize: 15,
+    fontSize: 18,
   },
 })

src/view/com/util/UserBanner.tsx

@@ -5,7 +5,7 @@ import {getGradient} from '../../lib/asset-gen'
 export function UserBanner({handle}: {handle: string}) {
   const gradient = getGradient(handle)
   return (
-    <Svg width="400" height="120" viewBox="50 0 200 100">
+    <Svg width="100%" height="120" viewBox="50 0 200 100">
       <Defs>
         <LinearGradient id="grad" x1="0" y1="0" x2="1" y2="1">
           <Stop offset="0" stopColor={gradient[0]} stopOpacity="1" />