[GAl-4437] Address spacing in NFT detail view on mobile (#2008)

* base * acc * fr * increase owner gap --------- Co-authored-by: Robinnnnn <[email protected]>
gallery-so · Oct 10, 2023 · 4d4d140 · 4d4d140
1 parent 81a5a20
commit 4d4d140
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/apps/mobile/src/screens/NftDetailScreen/NftDetailSection.tsx b/apps/mobile/src/screens/NftDetailScreen/NftDetailSection.tsx
@@ -158,7 +158,7 @@ export function NftDetailSection({ onShare, queryRef }: Props) {
 
   return (
     <ScrollView>
-      <View className="flex flex-col space-y-6 px-4 pb-4">
+      <View className="flex flex-col space-y-3 px-4 pb-4">
         <View className="flex flex-col space-y-3">
           <View className="flex flex-row justify-between">
             <TokenViewEmitter
@@ -174,7 +174,7 @@ export function NftDetailSection({ onShare, queryRef }: Props) {
             />
           </View>
 
-          <View className="w-full">
+          <View className="w-full mb-3">
             <TokenFailureBoundary tokenRef={token} variant="large">
               <NftDetailAssetCacheSwapper
                 cachedPreviewAssetUrl={route.params.cachedPreviewAssetUrl}
@@ -185,7 +185,7 @@ export function NftDetailSection({ onShare, queryRef }: Props) {
           </View>
         </View>
 
-        <View className="flex flex-col space-y-4">
+        <View className="flex flex-col space-y-2">
           <Typography
             className="text-2xl"
             font={{ family: 'GTAlpina', weight: 'StandardLight', italic: true }}
@@ -217,7 +217,7 @@ export function NftDetailSection({ onShare, queryRef }: Props) {
 
         <View className="flex-row">
           {token.owner && (
-            <View className="w-1/2">
+            <View className="w-1/2 gap-y-1">
               <Typography
                 className="text-xs text-shadow dark:text-metal"
                 font={{ family: 'ABCDiatype', weight: 'Medium' }}