From d9fc2775c435392e0e0cc4a61ba36e3d0d913bef Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 9 Oct 2023 15:38:40 -0500
Subject: [PATCH] pretty good spot with styles

---
 src/view/com/Tag.tsx                        | 16 +++++++---------
 src/view/com/composer/TagInput.tsx          |  6 +++---
 src/view/com/post-thread/PostThreadItem.tsx |  2 +-
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/view/com/Tag.tsx b/src/view/com/Tag.tsx
index 3c0cd180f2..b38373ba48 100644
--- a/src/view/com/Tag.tsx
+++ b/src/view/com/Tag.tsx
@@ -25,7 +25,7 @@ export function Tag({
       accessible
       anchorNoUnderline
       href={`/search?q=${value}`}
-      style={[pal.border, styles.tag]}>
+      style={[pal.viewLight, styles.tag]}>
       <Text type={type} style={[pal.textLight]}>
         #{value}
       </Text>
@@ -50,7 +50,7 @@ export function InlineTag({
       anchorNoUnderline
       href={`/search?q=${value}`}
       style={[
-        pal.border,
+        pal.viewLight,
         styles.tag,
         {
           paddingTop: 0,
@@ -97,9 +97,7 @@ export function EditableTag({
           paddingRight: 6,
         },
       ]}>
-      <Text
-        type="sm-medium"
-        style={[pal.textLight, {lineHeight: 13, paddingBottom: 2}]}>
+      <Text type="md-medium" style={[pal.textLight, {lineHeight: 13}]}>
         #{value}
       </Text>
       <FontAwesomeIcon
@@ -108,10 +106,10 @@ export function EditableTag({
           {
             opacity: hovered ? 1 : 0.5,
             color: pal.textLight.color,
-            marginTop: -1,
+            marginTop: 1,
           } as FontAwesomeIconStyle
         }
-        size={11}
+        size={10}
       />
     </Pressable>
   )
@@ -122,8 +120,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     gap: 6,
-    paddingTop: 4,
-    paddingBottom: 3,
+    paddingTop: 3,
+    paddingBottom: 4,
     paddingHorizontal: 8,
     borderRadius: 4,
     overflow: 'hidden',
diff --git a/src/view/com/composer/TagInput.tsx b/src/view/com/composer/TagInput.tsx
index 6a2f86d5ea..3ee1bff854 100644
--- a/src/view/com/composer/TagInput.tsx
+++ b/src/view/com/composer/TagInput.tsx
@@ -140,9 +140,9 @@ const styles = StyleSheet.create({
   input: {
     flexGrow: 1,
     minWidth: 100,
-    fontSize: 14,
-    lineHeight: 14,
-    paddingTop: 4,
+    fontSize: 15,
+    lineHeight: 15,
+    paddingTop: 5,
     paddingBottom: 6,
   },
 })
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx
index 265c113bb7..959cfc5a50 100644
--- a/src/view/com/post-thread/PostThreadItem.tsx
+++ b/src/view/com/post-thread/PostThreadItem.tsx
@@ -340,7 +340,7 @@ export const PostThreadItem = observer(function PostThreadItem({
                   paddingBottom: 12,
                 }}>
                 {item.post.record.tags.map(tag => (
-                  <Tag key={tag} value={tag} textSize="post-text-lg" />
+                  <Tag key={tag} value={tag} textSize="md-medium" />
                 ))}
               </View>
             ) : null}