From 9db0dcf3873c717ab18b8e44087670c7cb47c412 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Thu, 15 Feb 2024 03:23:48 +0100
Subject: [PATCH] Fix #1677

---
 src/UI/ThemeViewGUI.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/UI/ThemeViewGUI.svelte b/src/UI/ThemeViewGUI.svelte
index df8587765..f76355d46 100644
--- a/src/UI/ThemeViewGUI.svelte
+++ b/src/UI/ThemeViewGUI.svelte
@@ -357,13 +357,14 @@
 <LoginToggle ignoreLoading={true} {state}>
   {#if ($showCrosshair === "yes" && $currentZoom >= 17) || $showCrosshair === "always" || $visualFeedback}
     <div
-      class="pointer-events-none absolute top-0 left-0 flex h-full w-full items-center justify-center"
+      class="pointer-events-none absolute top-0 left-0 flex w-full items-center justify-center"
+      style="height: 100vh" <!-- Don't use h-full: h-full does _not_ include the area under the URL-bar, which offsets the crosshair a bit -->
     >
       <Cross class="h-4 w-4" />
     </div>
   {/if}
+  <!-- Add in an empty container to remove error messages if login fails -->
   <svelte:fragment slot="error" />
-  <!-- Add in an empty container to remove errors -->
 </LoginToggle>
 
 <If condition={state.previewedImage.map((i) => i !== undefined)}>