From 7bb5e0575cae749a60ba7ad4d191e99a2efe0c36 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Tue, 30 Jul 2024 11:39:14 +0500
Subject: [PATCH] weather widget fix

---
 .../components/masterplanPage/map/WeatherWidget.tsx    | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/components/masterplanPage/map/WeatherWidget.tsx b/client/src/components/masterplanPage/map/WeatherWidget.tsx
index 7a13a97..212aa0b 100644
--- a/client/src/components/masterplanPage/map/WeatherWidget.tsx
+++ b/client/src/components/masterplanPage/map/WeatherWidget.tsx
@@ -23,23 +23,21 @@ const WeatherWidget = () => {
       const temp = Math.round(data[0].main.temp);
       setTemperature(temp);
     });
-
-    return () => {};
   }, []);
 
   return (
-    <div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] py-2">
-      <div className="flex justify-between px-2 text-[14px] font-medium">
+    <div className="absolute top-[73.5px] left-4 bg-black rounded-lg z-50 text-white bg-opacity-40 w-[144px] pt-4">
+      <div className="flex justify-between px-4 text-[14px] font-medium">
         <p>{day}</p>
         <p>{formattedTime}</p>
       </div>
-      <div className="flex justify-between px-2 text-[12px] opacity-60 py-1 border-b font-medium">
+      <div className="flex justify-between px-4 text-[12px] opacity-60  border-b font-medium pb-2">
         <p>
           {date.getDate()} {month}
         </p>
         <p>{dayPart}</p>
       </div>
-      <div className="pt-2 px-2">
+      <div className="px-4  items-center flex pb-2">
         <p className="text-[32px] font-medium">{temperature}°C</p>
       </div>
     </div>