font size experiment

src/alf/tokens.ts

@@ -17,12 +17,12 @@ export const space = {
 } as const
 
 export const fontSize = {
-  _2xs: 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
+  _2xs: 9,
+  xs: 11,
+  sm: 13,
+  md: 15,
+  lg: 17,
+  xl: 19,
   _2xl: 22,
   _3xl: 26,
   _4xl: 32,

src/view/com/posts/FeedItem.tsx

@@ -262,7 +262,7 @@ let FeedItemInner = ({
           )}
         </View>
 
-        <View style={{paddingTop: 12, flexShrink: 1}}>
+        <View style={{paddingTop: 10, flexShrink: 1}}>
           {isReasonFeedSource(reason) ? (
             <Link href={reason.href}>
               <Text
@@ -523,7 +523,7 @@ function ReplyToLabel({
           Reply to{' '}
           <ProfileHoverCard inline did={profile.did}>
             <TextLinkOnWebOnly
-              type="md"
+              type="sm"
               style={pal.textLight}
               lineHeight={1.2}
               numberOfLines={1}

src/view/com/util/PostMeta.tsx

@@ -80,7 +80,7 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
             onBeforePress={onBeforePressAuthor}
           />
           <TextLinkOnWebOnly
-            type="md"
+            type="sm"
             disableMismatchWarning
             style={[pal.textLight, {flexShrink: 4}]}
             text={NON_BREAKING_SPACE + sanitizeHandle(handle, '@')}
@@ -91,14 +91,14 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
         </Text>
       </ProfileHoverCard>
       {!isAndroid && (
-        <Text type="md" style={pal.textLight} accessible={false}>
+        <Text type="sm" style={pal.textLight} accessible={false}>
           &middot;
         </Text>
       )}
       <TimeElapsed timestamp={opts.timestamp}>
         {({timeElapsed}) => (
           <TextLinkOnWebOnly
-            type="md"
+            type="sm"
             style={pal.textLight}
             text={timeElapsed}
             accessibilityLabel={niceDate(opts.timestamp)}