fixes multiple display bugs

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