From d34233507af8866fbb0633e1be8284ce18841f66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Aaron?=
 <100827540+reneaaron@users.noreply.github.com>
Date: Tue, 3 Sep 2024 20:50:21 +0200
Subject: [PATCH] fix: button behavior on smaller screens (#77)

* fix: button behavior on smaller screens

* fix: change numberOfLines for other buttons
---
 components/ui/button.tsx | 2 +-
 pages/send/Send.tsx      | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 77804e6..72777f8 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -20,7 +20,7 @@ const buttonVariants = cva(
         link: "web:underline-offset-4 web:hover:underline web:focus:underline ",
       },
       size: {
-        default: "min-h-10 px-4 py-2 native:min-h-12 native:px-5 native:py-3",
+        default: "min-h-10 px-4 py-2 native:min-h-12 native:px-3 native:py-3",
         sm: "min-h-9 rounded-md px-3",
         lg: "min-h-11 rounded-2xl px-8 native:min-h-16",
         icon: "min-h-10 min-w-10",
diff --git a/pages/send/Send.tsx b/pages/send/Send.tsx
index 1e4c973..c2a1f02 100644
--- a/pages/send/Send.tsx
+++ b/pages/send/Send.tsx
@@ -130,7 +130,7 @@ export function Send() {
                   className="flex flex-col gap-2 flex-1"
                 >
                   <KeyboardIcon className="text-secondary-foreground" />
-                  <Text>Manual</Text>
+                  <Text numberOfLines={1}>Manual</Text>
                 </Button>
                 <Button
                   variant="secondary"
@@ -140,7 +140,7 @@ export function Send() {
                   }}
                 >
                   <BookUser className="text-secondary-foreground" />
-                  <Text>Contacts</Text>
+                  <Text numberOfLines={1}>Contacts</Text>
                 </Button>
                 <Button
                   onPress={paste}
@@ -148,7 +148,7 @@ export function Send() {
                   className="flex flex-col gap-2 flex-1"
                 >
                   <ClipboardPaste className="text-secondary-foreground" />
-                  <Text>Paste</Text>
+                  <Text numberOfLines={1}>Paste</Text>
                 </Button>
               </View>
             </>