More layout tweaks

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",

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>