fix icons alignment

dhruvabhat24 · Feb 2, 2024 · e84d72d · e84d72d
1 parent 19b595d
commit e84d72d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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>