From 82b0ef38fd016735f2e6f7e216abfdaefa81d252 Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Sat, 27 Aug 2022 11:04:06 +0300
Subject: [PATCH] rework the weather widget label

---
 src/components/widgets/weather/weather.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/weather/weather.jsx b/src/components/widgets/weather/weather.jsx
index 7a606469f..9ef3564d8 100644
--- a/src/components/widgets/weather/weather.jsx
+++ b/src/components/widgets/weather/weather.jsx
@@ -31,15 +31,17 @@ export default function Weather({ options }) {
   return (
     <div className=" flex flex-col">
       <div className="flex flex-row items-center justify-end">
-        <Icon condition={data.current.condition.code} timeOfDay={data.current.is_day ? "day" : "night"} />
+        <div className="flex flex-col items-center">
+          <Icon condition={data.current.condition.code} timeOfDay={data.current.is_day ? "day" : "night"} />
+        </div>
         <div className="flex flex-col ml-3 text-left">
           <span className="text-theme-800 dark:text-theme-200 text-sm">
+            {options.label && `${options.label}, `}
             {options.units === "metric" ? data.current.temp_c : data.current.temp_f}&deg;
           </span>
           <span className="text-theme-800 dark:text-theme-200 text-xs">{data.current.condition.text}</span>
         </div>
       </div>
-      {options.label && <div className="text-right text-theme-800 dark:text-theme-200 text-xs">{options.label}</div>}
     </div>
   );
 }