From cadc123dee7f590049cf4d159c13f5d9a0013761 Mon Sep 17 00:00:00 2001
From: cjtim <47479090+cjtim@users.noreply.github.com>
Date: Tue, 1 Nov 2022 15:13:09 +0000
Subject: [PATCH] fix(shelter details): fix spacing

---
 pages/shelters/[id]/index.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/pages/shelters/[id]/index.tsx b/pages/shelters/[id]/index.tsx
index d184151..2f258a9 100644
--- a/pages/shelters/[id]/index.tsx
+++ b/pages/shelters/[id]/index.tsx
@@ -28,21 +28,23 @@ const ShelterDetails: NextPage<UserProps & Props> = ({ user, shelter, pets, crea
     <Center flexDir="column" p={4}>
       <Stack>
         {/* LINE1 */}
-        <Flex w="container.xl" alignItems="center" gap={2}>
-          <UserImg user={shelter} />
-          <Heading>{shelter?.name}</Heading>
-        </Flex>
         <Flex>
-          <SimpleGrid columns={2} spacing={1} h="1">
-            <Text>อีเมล</Text>
-            <TextLink title={shelter.email} to={`mailto:${shelter.email}`} text={`${shelter.email}` || '-'} />
+          <Stack>
+            <Flex alignItems="center" gap={2}>
+              <UserImg user={shelter} />
+              <Heading>{shelter?.name}</Heading>
+            </Flex>
+            <SimpleGrid columns={2} spacing={1} h="auto">
+              <Text>อีเมล</Text>
+              <TextLink title={shelter.email} to={`mailto:${shelter.email}`} text={`${shelter.email}` || '-'} />
 
-            <Text>โทรศัพท์ </Text>
-            <Text color="gray"> {shelter.phone || '-'}</Text>
+              <Text>โทรศัพท์ </Text>
+              <Text color="gray"> {shelter.phone || '-'}</Text>
 
-            <Text>เป็นสมาชิกเมื่อ </Text>
-            <Text color="gray">{createdAt}</Text>
-          </SimpleGrid>
+              <Text>เป็นสมาชิกเมื่อ </Text>
+              <Text color="gray">{createdAt}</Text>
+            </SimpleGrid>
+          </Stack>
 
           {shelter.lat && shelter.lng && (
             <Flex w="xl" h="sm" marginLeft="auto">