From d430478107810edaf6c99f68e9a7e739c3bc6143 Mon Sep 17 00:00:00 2001
From: byeoon <47872200+byeoon@users.noreply.github.com>
Date: Thu, 24 Oct 2024 14:26:37 +0000
Subject: [PATCH] feat: description style for plugins, fix border

---
 src/ui/settings/components/Card.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/ui/settings/components/Card.tsx b/src/ui/settings/components/Card.tsx
index 7ea0e31c..da61030f 100644
--- a/src/ui/settings/components/Card.tsx
+++ b/src/ui/settings/components/Card.tsx
@@ -12,9 +12,9 @@ const { showSimpleActionSheet } = findByProps("showSimpleActionSheet");
 const styles = stylesheet.createThemedStyleSheet({
     card: {
         backgroundColor: semanticColors.BACKGROUND_SECONDARY,
-        borderRadius: 7,
+        borderRadius: 12,
         borderColor: semanticColors.BACKGROUND_TERTIARY,
-        borderWidth: 1,
+        borderWidth: 2,
     },
     header: {
         padding: 0,
@@ -23,6 +23,9 @@ const styles = stylesheet.createThemedStyleSheet({
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
     },
+    description: {
+        fontSize: 11,
+    },
     actions: {
         flexDirection: "row-reverse",
         alignItems: "center",
@@ -95,6 +98,7 @@ export default function Card(props: CardProps) {
                 
             />
             <TableRow
+                style={styles.description}
                 label={props.descriptionLabel}
                 trailing={
                     <RN.View style={styles.actions}>