From 25ff4b3a8c1a76ce17b51ef4675a0e2a4412ad9d Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 20 Jun 2024 15:19:55 +0200
Subject: [PATCH] More layout tweaks

---
 langs/en.json                  |  2 +-
 src/UI/Base/LoginToggle.svelte | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/langs/en.json b/langs/en.json
index 88cfb2e3b..14be62b56 100644
--- a/langs/en.json
+++ b/langs/en.json
@@ -288,7 +288,6 @@
         "loadingTheme": "Loading {theme}…",
         "loginFailed": "Logging in into OpenStreetMap failed",
         "loginFailedOfflineMode": "OpenStreetMap.org is currently not available due to maintenance. Making edits will be possible soon",
-        "loginFailedOfflineOther": "OpenStreetMap.org could not be reached",
         "loginFailedReadonlyMode": "OpenStreetMap.org is currently in readonly mode due to maintenance. Making edits will be possible soon",
         "loginFailedUnreachableMode": "OpenStreetMap.org is currently not reachable. Are you connected to the internet or do you block third parties? Try again later",
         "loginOnlyNeededToEdit": "if you want to make changes",
@@ -382,6 +381,7 @@
         },
         "readYourMessages": "Please, read all your OpenStreetMap-messages before adding a new feature.",
         "removeLocationHistory": "Delete the location history",
+        "retry": "Retry",
         "returnToTheMap": "Return to the map",
         "save": "Save",
         "screenToSmall": "Open {theme} in a new window",
diff --git a/src/UI/Base/LoginToggle.svelte b/src/UI/Base/LoginToggle.svelte
index 288f30543..10a138b18 100644
--- a/src/UI/Base/LoginToggle.svelte
+++ b/src/UI/Base/LoginToggle.svelte
@@ -41,12 +41,14 @@
     </slot>
   {:else if !silentFail && $loadingStatus === "error"}
     <slot name="error">
-      <div class="alert max-w-64 flex items-center ">
+      <div class="alert flex items-center flex-col">
+      <div class="max-w-64 flex items-center ">
         <Invalid class="m-2 h-8 w-8 shrink-0" />
-        <Tr t={offlineModes[$apiState] ?? t.loginFailedOfflineOther} />
-        <button class="justify-self-end" on:click={() => state.osmConnection.AttemptLogin()}>
+        <Tr t={offlineModes[$apiState] ?? t.loginFailedUnreachableMode} />
+      </div>
+        <button class="h-fit" on:click={() => state.osmConnection.AttemptLogin()}>
           <ArrowPath class="w-6 h-6"/>
-          Retry
+          <Tr t={t.retry}/>
         </button>
       </div>
     </slot>