feat(mobile): article styles

apps/mobile/src/modules/ai/summary.tsx

@@ -77,7 +77,7 @@ export const AISummary: FC<{
           <Animated.Text
             entering={FadeIn}
             exiting={FadeOut}
-            className="text-secondary-label mt-3 text-[15px] leading-normal"
+            className="text-label mt-3 text-[14px] leading-normal"
           >
             {summary.trim()}
           </Animated.Text>

apps/mobile/src/modules/entry-content/EntryAISummary.tsx

@@ -20,7 +20,7 @@ export const EntryAISummary: FC<{
 
   return (
     <AISummary
-      className="mb-3"
+      className="my-3"
       summary={summary?.summary || ""}
       pending={status === SummaryGeneratingStatus.Pending}
       error={status === SummaryGeneratingStatus.Error ? "Failed to generate summary" : undefined}

apps/mobile/src/screens/(stack)/entries/[entryId]/index.tsx

@@ -62,7 +62,7 @@ export default function EntryDetailPage() {
             automaticallyAdjustContentInsets={false}
             className="bg-system-background"
           >
-            <Pressable onPress={() => entry?.url && openLink(entry.url)} className="relative py-3">
+            <Pressable onPress={() => entry?.url && openLink(entry.url)} className="relative py-4">
               {({ pressed }) => (
                 <>
                   {pressed && (
@@ -115,9 +115,9 @@ const EntryInfo = ({ entryId }: { entryId: string }) => {
   const { publishedAt } = entry
 
   return (
-    <View className="mt-3 px-4">
+    <View className="mt-4 px-4">
       <FeedInfo feedId={entry.feedId as string} />
-      <Text className="text-secondary-label">
+      <Text className="text-label text-sm leading-tight">
         {publishedAt.toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short" })}
       </Text>
     </View>
@@ -143,7 +143,7 @@ const FeedInfo = ({ feedId }: { feedId: string }) => {
   if (!feed) return null
   return (
     <View className="mb-2">
-      <Text className="text-secondary-label">{feed.title?.trim()}</Text>
+      <Text className="text-label text-sm leading-tight">{feed.title?.trim()}</Text>
     </View>
   )
 }