Reduce post reason icon size & offset (#5522)

* Make x margin within pin icon the same * Reduce post reason icon size and offset
bluesky-social · Oct 7, 2024 · 6e72fbb · 6e72fbb
1 parent ff70b8f
commit 6e72fbb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/icons/Pin.tsx b/src/components/icons/Pin.tsx
@@ -1,5 +1,5 @@
 import {createSinglePathSVG} from './TEMPLATE'
 
 export const Pin_Stroke2_Corner0_Rounded = createSinglePathSVG({
-  path: 'M6.5 3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3.997a6.25 6.25 0 0 0 1.83 4.42l.377.376A1 1 0 0 1 20 12.5V15a1 1 0 0 1-1 1h-6v5a1 1 0 1 1-2 0v-5H5a1 1 0 0 1-1-1v-2.5a1 1 0 0 1 .293-.707l.376-.377A6.25 6.25 0 0 0 6.5 6.996V3.001Zm2 1v2.997a8.25 8.25 0 0 1-2.416 5.834L6 12.914V14h12v-1.086l-.084-.083A8.25 8.25 0 0 1 15.5 6.997V4h-7Z',
+  path: 'M6.5 3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v4a6.2 6.2 0 0 0 1.8 4.4l.4.4c.2.2.3.4.3.7V15a1 1 0 0 1-1 1h-6v5a1 1 0 0 1-2 0v-5H5a1 1 0 0 1-1-1v-2.5c0-.3.1-.5.3-.7l.4-.4A6.3 6.3 0 0 0 6.5 7V3Zm2 1v3a8.2 8.2 0 0 1-2.4 5.8L6 13v1h12v-1.2A8.2 8.2 0 0 1 15.4 7V4h-7Z',
 })
diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
@@ -299,8 +299,8 @@ let FeedItemInner = ({
               onBeforePress={onOpenReposter}>
               <RepostIcon
                 style={{color: pal.colors.textLight, marginRight: 3}}
-                width={14}
-                height={14}
+                width={13}
+                height={13}
               />
               <Text
                 type="sm-bold"
@@ -343,8 +343,8 @@ let FeedItemInner = ({
             <View style={styles.includeReason}>
               <PinIcon
                 style={{color: pal.colors.textLight, marginRight: 3}}
-                width={14}
-                height={14}
+                width={13}
+                height={13}
               />
               <Text
                 type="sm-bold"
@@ -604,7 +604,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     marginTop: 2,
     marginBottom: 2,
-    marginLeft: -18,
+    marginLeft: -16,
   },
   layout: {
     flexDirection: 'row',