From b62ad44358cd8d7d72b939eaaa87bd23a6abef83 Mon Sep 17 00:00:00 2001
From: Sean Edmunds <smedmunds226@gmail.com>
Date: Mon, 10 Feb 2025 23:42:27 -0600
Subject: [PATCH] Layout change

---
 README.md                                      |  4 +---
 src/components/WeatherModal/CurrentWeather.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index cf1ca74..eb1ed7b 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,4 @@ sudo pm2 start server.cjs
 # TODO
 - Image uploads for backgrounds
 
-- Improve mobile
-
-- Update weather modal with design from https://github.com/esnz/react-weather-app?tab=readme-ov-file
\ No newline at end of file
+- Improve mobile
\ No newline at end of file
diff --git a/src/components/WeatherModal/CurrentWeather.tsx b/src/components/WeatherModal/CurrentWeather.tsx
index 58d14fb..ccf9349 100644
--- a/src/components/WeatherModal/CurrentWeather.tsx
+++ b/src/components/WeatherModal/CurrentWeather.tsx
@@ -21,15 +21,15 @@ export default function CurrentWeather({ weather }: any) {
 					c={'var(--color-text-pri)'}
 					style={{
 						fontSize: '1.375rem',
-						textAlign: 'left',
+						textAlign: 'right',
 					}}
 				>
 					Current Weather
 				</Text>
 			</Group>
-			<Group gap={0} w={'100%'}>
-				<Stack gap={0} w={'50%'}>
-					<Group gap={0}>
+			<Group gap={8} w={'100%'} justify='space-between'>
+				<Stack gap={0} w={'45%'}>
+					<Group gap={0} justify='flex-end'>
 						<WeatherIcon textDescription={`${weather.textDescription}`} />
 						<Text fz={'7rem'} fw={200}>
 							{weather.temperature}°<sup style={{ fontSize: '3rem' }}>F</sup>
@@ -39,7 +39,7 @@ export default function CurrentWeather({ weather }: any) {
 						c={'var(--color-text-pri)'}
 						style={{
 							fontSize: '1.375rem',
-							textAlign: 'left',
+							textAlign: 'right',
 							marginTop: -32,
 							marginLeft: 16,
 						}}
@@ -47,7 +47,7 @@ export default function CurrentWeather({ weather }: any) {
 						{weather.textDescription}
 					</Text>
 				</Stack>
-				<Stack gap={4} w={'50%'}>
+				<Stack gap={4} w={'45%'}>
 					<Text>
 						Feels like {weather.heatIndex ?? weather.windChill ?? weather.temperature}°
 						<sup>F</sup>