From 8635de78b9f1510e2316b08e605b175a2615f4db Mon Sep 17 00:00:00 2001
From: Christian Beutel <>
Date: Thu, 5 Dec 2024 01:34:44 +0100
Subject: [PATCH] fixes multiple display bugs

---
 web/src/css/components.css                       | 2 +-
 web/src/lib/components/list/list_panel.svelte    | 2 +-
 web/src/lib/components/photo_card.svelte         | 4 ++--
 web/src/lib/components/share_info.svelte         | 2 +-
 web/src/lib/components/trail/photo_picker.svelte | 2 +-
 web/src/lib/i18n/locales/de.json                 | 2 +-
 web/src/routes/auth/reset/+page.svelte           | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/css/components.css b/web/src/css/components.css
index bb2f1e73..e405ecd8 100644
--- a/web/src/css/components.css
+++ b/web/src/css/components.css
@@ -3,7 +3,7 @@
 @import 'tailwindcss/components';
 
 .btn-primary {
-    @apply h-10 text-white rounded-lg px-4 py-2 bg-primary font-semibold transition-all hover:bg-primary-hover focus:ring-4 ring-input-ring
+    @apply min-h-10 text-white rounded-lg px-4 py-2 bg-primary font-semibold transition-all hover:bg-primary-hover focus:ring-4 ring-input-ring
 }
 
 .btn-large {
diff --git a/web/src/lib/components/list/list_panel.svelte b/web/src/lib/components/list/list_panel.svelte
index 862e7bec..f9b6b904 100644
--- a/web/src/lib/components/list/list_panel.svelte
+++ b/web/src/lib/components/list/list_panel.svelte
@@ -74,7 +74,7 @@
 <div class="relative">
     {#if listIsShared}
         <div
-            class="absolute top-8 right-8 bg-white rounded-full w-8 py-1 text-center"
+            class="absolute top-8 right-8 bg-white text-primary rounded-full w-8 py-1 text-center"
         >
             <ShareInfo type="list" subject={list}></ShareInfo>
         </div>
diff --git a/web/src/lib/components/photo_card.svelte b/web/src/lib/components/photo_card.svelte
index a69fa16e..0aa9164d 100644
--- a/web/src/lib/components/photo_card.svelte
+++ b/web/src/lib/components/photo_card.svelte
@@ -40,7 +40,7 @@
                 class="tooltip"
                 data-title={$_("make-thumbnail")}
                 on:click={handleThumbnailClick}
-                ><i class="fa fa-file-image text-primary"></i></button
+                ><i class="fa fa-file-image text-content"></i></button
             >
         {/if}
         {#if showExifControls}
@@ -49,7 +49,7 @@
                 class="tooltip"
                 data-title={$_("get-position-from-exif")}
                 on:click={handleExifClick}
-                ><i class="fa fa-magnifying-glass-location text-primary"></i></button
+                ><i class="fa fa-magnifying-glass-location text-content"></i></button
             >
         {/if}
         <button
diff --git a/web/src/lib/components/share_info.svelte b/web/src/lib/components/share_info.svelte
index a1a82eaa..e967e462 100644
--- a/web/src/lib/components/share_info.svelte
+++ b/web/src/lib/components/share_info.svelte
@@ -52,7 +52,7 @@
     ></i>
     {#if showInfo}
         <ul
-            class="menu absolute z-10 top-7 bg-menu-background border border-input-border rounded-xl shadow-md overflow-hidden p-3 space-y-3 text-content"
+            class="menu absolute z-10 top-8 bg-menu-background border border-input-border rounded-xl shadow-md overflow-hidden p-3 space-y-3 text-content"
             in:fly={{y: -10, duration: 150}} out:fly={{y: -10, duration: 150}}
             >
             {#if loading}
diff --git a/web/src/lib/components/trail/photo_picker.svelte b/web/src/lib/components/trail/photo_picker.svelte
index 56f9ae9b..6c111bd1 100644
--- a/web/src/lib/components/trail/photo_picker.svelte
+++ b/web/src/lib/components/trail/photo_picker.svelte
@@ -137,7 +137,7 @@
         style="display: none;"
         on:change={() => handlePhotoSelection()}
     />
-    <div class="flex overflow-x-auto gap-x-3">
+    <div class="flex overflow-x-auto gap-x-3 w-full">
         {#each (photos ?? []).concat(photoPreviews) as photo, i}
             <div class="shrink-0 grow-0 basis-auto">
                 <PhotoCard
diff --git a/web/src/lib/i18n/locales/de.json b/web/src/lib/i18n/locales/de.json
index 7b0ad3e2..b116a31b 100644
--- a/web/src/lib/i18n/locales/de.json
+++ b/web/src/lib/i18n/locales/de.json
@@ -171,7 +171,7 @@
   "password": "Passwort",
   "password-confirm": "Passwort bestätigen",
   "password-reset-sent": "Email zum Zurücksetzen des Passworts versandt",
-  "password-reset-text": "Wir senden Dir einen link zum Zurücksetzen Deines Passworts zu",
+  "password-reset-text": "Wir senden Dir einen Link zum Zurücksetzen Deines Passworts zu",
   "password-updated": "Passwort aktualisiert",
   "passwords-must-match": "Passwörter müssen übereinstimmen",
   "photos": "Fotos",
diff --git a/web/src/routes/auth/reset/+page.svelte b/web/src/routes/auth/reset/+page.svelte
index 805b7a16..1f3b7cfb 100644
--- a/web/src/routes/auth/reset/+page.svelte
+++ b/web/src/routes/auth/reset/+page.svelte
@@ -58,7 +58,7 @@
             <LogoTextTwoLineLight></LogoTextTwoLineLight>
         {/if}
         <h4 class="text-xl font-semibold">{$_("forgot-your-password")}</h4>
-        <p class="text-gray-500">{$_('password-reset-text')}</p>
+        <p class="text-gray-500 w-80">{$_('password-reset-text')}</p>
         <div class="space-y-6 w-80">
             <TextField
                 name="email"