prevent alternatives text overflow in UnmaintainedLabel component (#1745)

Author: darae07

components/Library/UnmaintainedLabel.tsx

@@ -65,6 +65,7 @@ const styles = StyleSheet.create({
   unmaintainedTextWrapper: {
     flexDirection: 'row',
     gap: 6,
+    flexShrink: 1,
   },
   unmaintainedTextContainer: {
     alignItems: 'flex-start',
@@ -78,6 +79,8 @@ const styles = StyleSheet.create({
     gap: 4,
     borderWidth: 1,
     borderLeftWidth: 0,
+    flexShrink: 1,
+    flexWrap: 'wrap',
   },
 });
 

components/Library/index.tsx

@@ -268,7 +268,7 @@ const styles = StyleSheet.create({
     backgroundColor: 'transparent',
   },
   updatedAtContainer: {
-    gap: 8,
+    gap: 24,
     flexDirection: 'row',
     alignItems: 'flex-start',
     justifyContent: 'space-between',