From e84d72d1eb287889e3263c37fb85688e55847a0f Mon Sep 17 00:00:00 2001
From: "y.kitazawa" <y.kitazawa.git@gmail.com>
Date: Fri, 2 Feb 2024 14:20:38 +0900
Subject: [PATCH] fix icons alignment

---
 src/components/WeatherApp/WeatherApp.css | 1 +
 src/components/WeatherApp/WeatherApp.jsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/WeatherApp/WeatherApp.css b/src/components/WeatherApp/WeatherApp.css
index dd11687..b212b5d 100644
--- a/src/components/WeatherApp/WeatherApp.css
+++ b/src/components/WeatherApp/WeatherApp.css
@@ -78,6 +78,7 @@ body {
 
 .sun-temp-info {
   display: flex;
+  flex-direction: column;
   justify-content: space-between;
 }
 
diff --git a/src/components/WeatherApp/WeatherApp.jsx b/src/components/WeatherApp/WeatherApp.jsx
index 9a92785..31257df 100644
--- a/src/components/WeatherApp/WeatherApp.jsx
+++ b/src/components/WeatherApp/WeatherApp.jsx
@@ -229,8 +229,8 @@ const WeatherApp = () => {
             <Pressure pressure={weatherData.pressure} />
           </div>
           <div className="sun-temp-info">
-            <SunInfo sunrise={sunInfoData.sunriseTime} sunset={sunInfoData.sunsetTime} />
             <TempInfo temp={tempData.temp}/>
+            <SunInfo sunrise={sunInfoData.sunriseTime} sunset={sunInfoData.sunsetTime} />
           </div>
         </div>
       </div>