2.0

Layout fixes
Mobile cleanup
Location right hand side
Moon style updated - again

assets/js/app.js

@@ -277,14 +277,6 @@ export function UTCIForecast() {
               <span class="title-sun">SUN</span><span class="title-scope">Scope</span>
             </h1>
             <div class="utci-tagline">See the sun the way your body does.</div>
-            <div class="utci-current-loc">
-              ↳ ${location.name}
-              <span class="utci-loc-coords">
-                ${location.lat.toFixed(3)}°, ${location.lon.toFixed(3)}°
-              </span>
-            </div>
-            ${fetchedAt && !loading && html`
-              <div class="utci-fetch-time">Last update: ${fetchedAt.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</div>`}
           </div>
 
           <div class="scope-col">
@@ -316,8 +308,7 @@ export function UTCIForecast() {
 
           <div class="header-right">
             <div class="utci-search-wrap">
-              <label class="utci-search-label">Change location</label>
-              <input
+<input
                 class="utci-search"
                 type="text"
                 placeholder="Search any town or city…"
@@ -350,6 +341,14 @@ export function UTCIForecast() {
                 </div>`}
               ${searching && html`<div class="utci-searching">Searching…</div>`}
             </div>
+            <div class="utci-current-loc">
+              ↳ ${location.name}
+              <span class="utci-loc-coords">
+                ${location.lat.toFixed(3)}°, ${location.lon.toFixed(3)}°
+              </span>
+            </div>
+            ${fetchedAt && !loading && html`
+              <div class="utci-fetch-time">Last update: ${fetchedAt.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</div>`}
           </div>
         </div>