fixes multiple display bugs

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 {

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>

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

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}

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

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

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"