fix: project picker uses static styles, larger touch targets and text

Matthias Nott

2026-03-07 e5f741ca0935b33c18dae6a7009987c88bc69241

 components/SessionDrawer.tsx
..
..
@@ -565,17 +565,16 @@
565
565
                   {/* Home directory — always first */}
566
566
                   <Pressable
567
567
                     onPress={() => launchSession({ path: "~" })}
568
-                    style={({ pressed }) => ({
568
+                    style={{
569
569
                       flexDirection: "row",
570
570
                       alignItems: "center",
571
571
                       paddingHorizontal: 16,
572
-                      paddingVertical: 12,
573
-                      backgroundColor: pressed ? colors.border : "transparent",
574
-                    })}
572
+                      paddingVertical: 14,
573
+                    }}
575
574
                   >
576
-                    <Text style={{ fontSize: 18, marginRight: 10 }}>🏠</Text>
575
+                    <Text style={{ fontSize: 20, width: 32 }}>🏠</Text>
577
576
                     <View style={{ flex: 1 }}>
578
-                      <Text style={{ color: colors.text, fontSize: 15, fontWeight: "600" }}>Home</Text>
577
+                      <Text style={{ color: colors.text, fontSize: 16, fontWeight: "600" }}>Home</Text>
579
578
                       <Text style={{ color: colors.textMuted, fontSize: 12 }}>~/</Text>
580
579
                     </View>
581
580
                   </Pressable>
..
..
@@ -585,19 +584,18 @@
585
584
                     <Pressable
586
585
                       key={p.slug}
587
586
                       onPress={() => launchSession({ project: p.name })}
588
-                      style={({ pressed }) => ({
587
+                      style={{
589
588
                         flexDirection: "row",
590
589
                         alignItems: "center",
591
590
                         paddingHorizontal: 16,
592
-                        paddingVertical: 12,
591
+                        paddingVertical: 14,
593
592
                         borderTopWidth: 1,
594
593
                         borderTopColor: colors.border,
595
-                        backgroundColor: pressed ? colors.border : "transparent",
596
-                      })}
594
+                      }}
597
595
                     >
598
-                      <Text style={{ fontSize: 18, marginRight: 10 }}>📂</Text>
596
+                      <Text style={{ fontSize: 20, width: 32 }}>📂</Text>
599
597
                       <View style={{ flex: 1 }}>
600
-                        <Text style={{ color: colors.text, fontSize: 15, fontWeight: "500" }}>{p.name}</Text>
598
+                        <Text style={{ color: colors.text, fontSize: 16, fontWeight: "500" }}>{p.name}</Text>
601
599
                         <Text style={{ color: colors.textMuted, fontSize: 12 }} numberOfLines={1}>
602
600
                           {p.path.replace(/^\/Users\/[^/]+/, "~")}
603
601
                         </Text>
..
..
@@ -612,7 +610,7 @@
612
610
                     borderTopWidth: 1,
613
611
                     borderTopColor: colors.border,
614
612
                     paddingHorizontal: 16,
615
-                    paddingVertical: 8,
613
+                    paddingVertical: 10,
616
614
                   }}>
617
615
                     <TextInput
618
616
                       value={customPath}
..
..
@@ -628,7 +626,7 @@
628
626
                       style={{
629
627
                         flex: 1,
630
628
                         color: colors.text,
631
-                        fontSize: 14,
629
+                        fontSize: 15,
632
630
                         paddingVertical: 6,
633
631
                       }}
634
632
                     />
..
..
@@ -636,14 +634,14 @@
636
634
                       <Pressable
637
635
                         onPress={() => launchSession({ path: customPath.trim() })}
638
636
                         style={{
639
-                          paddingHorizontal: 12,
640
-                          paddingVertical: 6,
637
+                          paddingHorizontal: 14,
638
+                          paddingVertical: 8,
641
639
                           borderRadius: 8,
642
640
                           backgroundColor: colors.accent,
643
641
                           marginLeft: 8,
644
642
                         }}
645
643
                       >
646
-                        <Text style={{ color: "#FFF", fontSize: 13, fontWeight: "600" }}>Go</Text>
644
+                        <Text style={{ color: "#FFF", fontSize: 14, fontWeight: "600" }}>Go</Text>
647
645
                       </Pressable>
648
646
                     )}
649
647
                   </View>