From edd6885e1e9c49461889fb2ab024454053b626ce Mon Sep 17 00:00:00 2001
From: isra el <vernu1997@gmail.com>
Date: Sat, 20 Apr 2024 15:32:07 +0300
Subject: [PATCH] ui(web): improve receive sms tab ui

---
 web/components/dashboard/ReceiveSMS.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/dashboard/ReceiveSMS.tsx b/web/components/dashboard/ReceiveSMS.tsx
index 689fbbc..719d5bf 100644
--- a/web/components/dashboard/ReceiveSMS.tsx
+++ b/web/components/dashboard/ReceiveSMS.tsx
@@ -115,14 +115,14 @@ const ReceivedSMSList = () => {
                   <Thead>
                     <Tr>
                       <Th>sender</Th>
-                      <Th>message</Th>
+                      <Th colSpan={4}>message</Th>
                       <Th>received at</Th>
                     </Tr>
                   </Thead>
                   <Tbody>
                     {receivedSMSListLoading && (
                       <Tr>
-                        <Td colSpan={3} textAlign='center'>
+                        <Td colSpan={6} textAlign='center'>
                           <Spinner size='lg' />
                         </Td>
                       </Tr>
@@ -130,7 +130,7 @@ const ReceivedSMSList = () => {
 
                     {!receivedSMSListLoading &&
                       receivedSMSListData.length == 0 && (
-                        <Td colSpan={3} textAlign='center'>
+                        <Td colSpan={6} textAlign='center'>
                           No SMS received
                         </Td>
                       )}
@@ -141,7 +141,7 @@ const ReceivedSMSList = () => {
                         ({ _id, sender, message, receivedAt }) => (
                           <Tr key={_id}>
                             <Td>{sender}</Td>
-                            <Td whiteSpace='pre-wrap' maxW='300px'>
+                            <Td whiteSpace='pre-wrap' colSpan={4}>
                               {message}
                             </Td>
                             <Td>