update view message

src/components/message.tsx

@@ -38,13 +38,6 @@ export default function Message({ data, onDelete }: IMessageProps) {
   }, []);
 
   return (
-    <Tooltip
-      position="top-start"
-      style={{
-        fontSize: "11px",
-      }}
-      label={`Sender: ${data.sender}`}
-    >
     <Paper
         key={data.message}
         shadow="xs"
@@ -57,14 +50,12 @@ export default function Message({ data, onDelete }: IMessageProps) {
       >
         <div className="flex items-center w-full flex-col">
           <Box className="flex items-center justify-between w-full">
-            <div className="text-xs">
+            <div className="text-xs font-bold">
               {data.recipient.length > 0 && <span>{data.recipient}</span>}
             </div>
-            <div>
             <span className="text-xs">
                 {dayjs(data.time).format("HH:mm D/M/YYYY")}
               </span>
-            </div>
           </Box>
 
           <Box className="w-full flex items-center">
@@ -93,8 +84,9 @@ export default function Message({ data, onDelete }: IMessageProps) {
               </Tooltip>
             </Box>
           </Box>
+
+          <Box className="flex items-center justify-start w-full"><span className="text-xs text-left">Form: {data.sender}</span></Box>
         </div>
       </Paper>
-    </Tooltip>
   );
 }