chore: ui improvements (#674)

Co-authored-by: Daniel Williams <[email protected]>

Author: alcpereira

packages/react-native-ui/src/Layout.tsx

@@ -289,7 +289,7 @@ const Nav = styled.View({
   justifyContent: 'space-between',
   width: '100%',
   height: 40,
-  paddingHorizontal: 12,
+  paddingHorizontal: 6,
 });
 
 const Container = styled.View(({ theme }) => ({

packages/react-native-ui/src/Search.tsx

@@ -79,7 +79,7 @@ const Input = styled(TextInput)(({ theme }) => ({
   borderWidth: 1,
   borderColor: theme.appBorderColor,
   backgroundColor: 'transparent',
-  borderRadius: 4,
+  borderRadius: 6,
   fontSize: theme.typography.size.s1 + 1,
   color: theme.color.defaultText,
   width: '100%',

packages/react-native-ui/src/TreeNode.tsx

@@ -74,6 +74,7 @@ const LeafNode = styled.TouchableOpacity<{ depth?: number; selected?: boolean }>
 const LeafNodeText = styled.Text<{ depth?: number; selected?: boolean }>(({ theme, selected }) => ({
   fontSize: theme.typography.size.s2,
   flexShrink: 1,
+  fontWeight: selected ? 'bold' : 'normal',
   color: selected ? theme.color.lightest : theme.color.defaultText,
 }));