From 30b7af1dbec405b02df794a799a24c6f35dfbdc5 Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakob.stendahl@outlook.com>
Date: Mon, 2 May 2022 23:06:37 +0200
Subject: Convert all date strings to ISO861, do some minor design fixes

---
 src/components/Forecast/ForecastDrawer.svelte | 6 +++---
 src/components/WeatherCurrent.svelte          | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Forecast/ForecastDrawer.svelte b/src/components/Forecast/ForecastDrawer.svelte
index 16ed509..6540a81 100644
--- a/src/components/Forecast/ForecastDrawer.svelte
+++ b/src/components/Forecast/ForecastDrawer.svelte
@@ -63,11 +63,11 @@
     }
 
     .version-picker .selected {
-        background-color: #c2c2c2;
+        background-color: var(--elevation-1, #c2c2c2);
         padding: 3px 5px;
         box-sizing: border-box;
         border-radius: 10px;
-        color: black;
+        color: var(--on-elevation-1, #000000);
     }
 
     .no-data {
@@ -93,7 +93,7 @@
             <div class="version-picker">
                 <div class:selected={selected_version == OneHourForecast} on:click={() => selected_version = OneHourForecast}>hour</div>
                 <div class:selected={selected_version == ThreeDayForecast} on:click={() => selected_version = ThreeDayForecast}>3 day</div>
-                <div class:selected={selected_version == OutlookTwentySevenDay} on:click={() => selected_version = OutlookTwentySevenDay}>Long time</div>
+                <div class:selected={selected_version == OutlookTwentySevenDay} on:click={() => selected_version = OutlookTwentySevenDay}>Longterm</div>
             </div>
     	</div>
         <svelte:component this={selected_version} />
diff --git a/src/components/WeatherCurrent.svelte b/src/components/WeatherCurrent.svelte
index 8578692..9c47873 100644
--- a/src/components/WeatherCurrent.svelte
+++ b/src/components/WeatherCurrent.svelte
@@ -95,7 +95,11 @@
         <div class="weatherCurrent-data-location">
             {#if !$navigator_location.updating && $navigator_location.available && !$earth_weather.updating && !$space_weather.updating}
                 <i class="symbol fas fa-map-marker-alt"></i>
-                <h1>{$navigator_location.city}</h1>
+                {#if $navigator_location.city !== undefined}
+                    <h1>{$navigator_location.city}</h1>
+                {:else}
+                    <h1>long: {$navigator_location.longitude}<br />lat: {$navigator_location.latitude}</h1>
+                {/if}
             {/if}
         </div>
 
-- 
cgit v1.2.3