From 428adfd6d7e6a5a175dd568e02ee722c9bb27009 Mon Sep 17 00:00:00 2001
From: richardo2016x <richardo2016x@gmail.com>
Date: Mon, 13 May 2024 23:21:44 +0800
Subject: [PATCH] style: tuning.

---
 apps/mobile/src/components/TokenDetailPopup/HistoryItem.tsx  | 2 +-
 .../screens/Transaction/components/TxInterAddressExplain.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/mobile/src/components/TokenDetailPopup/HistoryItem.tsx b/apps/mobile/src/components/TokenDetailPopup/HistoryItem.tsx
index 719a61f8d..646ab40a2 100644
--- a/apps/mobile/src/components/TokenDetailPopup/HistoryItem.tsx
+++ b/apps/mobile/src/components/TokenDetailPopup/HistoryItem.tsx
@@ -133,7 +133,7 @@ const getStyles = (colors: AppColorsVariants) =>
     },
     txInterAddressExplain: { flexShrink: 1, width: '60%' },
     txInterAddressExplainActionTitleStyle: { marginBottom: 4 },
-    txChange: { flexShrink: 0 },
+    txChange: { flexShrink: 0, maxWidth: '70%' },
     cardFooter: {
       padding: 12,
       flexDirection: 'row',
diff --git a/apps/mobile/src/screens/Transaction/components/TxInterAddressExplain.tsx b/apps/mobile/src/screens/Transaction/components/TxInterAddressExplain.tsx
index 6801c652a..d16a5b445 100644
--- a/apps/mobile/src/screens/Transaction/components/TxInterAddressExplain.tsx
+++ b/apps/mobile/src/screens/Transaction/components/TxInterAddressExplain.tsx
@@ -97,13 +97,14 @@ const getNameAndAddressStyle = createGetStyles(colors => {
       alignItems: 'center',
       justifyContent: 'flex-start',
       maxWidth: '100%',
-      // ...makeDebugBorder(),
+      // ...makeDebugBorder('yellow'),
     },
     textWrapper: {
       maxWidth: '100%',
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'flex-start',
+      flexShrink: 1,
     },
     aliasName: {
       fontSize: 12,
@@ -117,7 +118,7 @@ const getNameAndAddressStyle = createGetStyles(colors => {
       flexShrink: 0,
       // ...makeDebugBorder(),
     },
-    copyIcon: { marginLeft: 3, width: 14, height: 14 },
+    copyIcon: { marginLeft: 3, width: 14, height: 14, flexShrink: 0 },
   };
 });