From dfb0872633ed90593d96033b7af6a48b63b7c54e Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Sun, 25 Jan 2026 20:18:11 +0000
Subject: [PATCH] feat: enhance WeatherOptions component with improved layout
 and auto location reset functionality

---
 src/features/weather/options/WeatherOptions.jsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/features/weather/options/WeatherOptions.jsx b/src/features/weather/options/WeatherOptions.jsx
index 5d9e7b07..3f7b74be 100644
--- a/src/features/weather/options/WeatherOptions.jsx
+++ b/src/features/weather/options/WeatherOptions.jsx
@@ -83,9 +83,15 @@ const WeatherOptions = () => {
       <Action>
         <div className="text-field-container">
           <div className="text-field">
-            <label className="text-field-label">
-              {variables.getMessage(`${WEATHER_SECTION}.location`)}
-            </label>
+            <div className="text-field-header">
+              <label className="text-field-label">
+                {variables.getMessage(`${WEATHER_SECTION}.location`)}
+              </label>
+              <span className="text-field-reset" onClick={getAutoLocation}>
+                <MdAutoAwesome />
+                {variables.getMessage(`${WEATHER_SECTION}.auto`)}
+              </span>
+            </div>
             <input
               type="text"
               className="text-field-input"
@@ -94,10 +100,6 @@ const WeatherOptions = () => {
               placeholder="London"
             />
           </div>
-          <span className="link" onClick={getAutoLocation}>
-            <MdAutoAwesome />
-            {variables.getMessage(`${WEATHER_SECTION}.auto`)}
-          </span>
         </div>
       </Action>
     </Row>