mod: improve the styling of feed list

app/feed_list.tsx

@@ -1,4 +1,4 @@
-import { View, Text, StyleSheet, ScrollView } from 'react-native'
+import { View, Text, StyleSheet, ScrollView, Pressable } from 'react-native'
 import { useEffect, useState } from 'react'
 import axios from 'axios'
 import { useAuthStore, useSubscription } from '../store'
@@ -11,7 +11,14 @@ const styles = StyleSheet.create({
 		borderBottomWidth: 1
 	},
 	entryItem: {
-		padding: 16
+		padding: 16,
+		gap: 4
+	},
+	entryTitle: {
+		fontSize: 20
+	},
+	entryMetadata: {
+		color: '#aaaaaa'
 	}
 })
 
@@ -24,7 +31,6 @@ export default function FeedListView() {
 	const [entries, setEntries] = useState<Entry[]>([])
 
 	useEffect(() => {
-		console.log(credential)
 		if (!credential) return
 
 		fetchList()
@@ -35,7 +41,6 @@ export default function FeedListView() {
 			const res = await axios.get("https://api.feedbin.com/v2/entries.json", { auth: credential })
 			const entriesRes = res.data as Entry[]
 			setEntries(entriesRes)
-			console.log(entriesRes[3])
 		} catch (e) {
 			console.log("`fetchList has an error`")
 			console.log(e)
@@ -46,10 +51,12 @@ export default function FeedListView() {
     <ScrollView>
 			{ entries.length > 0 ? 
 				entries.map(entry => <View key={entry.id}>
-					<View style={styles.entryItem}>
-						<Text>{entry.title}</Text>
-						<Text>{entry.author && <Text>{entry.author} &middot; </Text>}{subscriptions[entry.feed_id].title}</Text>
-					</View>
+					<Pressable>
+						<View style={styles.entryItem}>
+							<Text style={styles.entryTitle}>{entry.title}</Text>
+							<Text style={styles.entryMetadata}>{entry.author && <Text>{entry.author} &middot; </Text>}{subscriptions[entry.feed_id].title}</Text>
+						</View>
+					</Pressable>
 					<Separator />
 				</View>) 
 			: <Text>No entries</Text> }