From 8dd1d95913307a2a7f556aabbcc15c8115682ee6 Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Wed, 10 Jul 2024 22:19:06 +0200
Subject: [PATCH] fix(web): prevent text wrapping for some languages (#11009)

---
 .../shared-components/scrollbar/scrollbar.svelte     |  2 +-
 .../search-bar/search-history-box.svelte             | 12 +++++-------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte b/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
index 16e53dd562d5c..9282c760c2a7c 100644
--- a/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
+++ b/web/src/lib/components/shared-components/scrollbar/scrollbar.svelte
@@ -134,7 +134,7 @@
     {#if isHover || isDragging}
       <div
         id="time-label"
-        class="pointer-events-none absolute right-0 z-[100] w-[100px] rounded-tl-md border-b-2 border-immich-primary bg-immich-bg py-1 px-1 text-sm font-medium shadow-[0_0_8px_rgba(0,0,0,0.25)] dark:border-immich-dark-primary dark:bg-immich-dark-gray dark:text-immich-dark-fg"
+        class="pointer-events-none absolute right-0 z-[100] min-w-24 w-fit whitespace-nowrap rounded-tl-md border-b-2 border-immich-primary bg-immich-bg py-1 px-1 text-sm font-medium shadow-[0_0_8px_rgba(0,0,0,0.25)] dark:border-immich-dark-primary dark:bg-immich-dark-gray dark:text-immich-dark-fg"
         style:top="{clamp(hoverY - HOVER_DATE_HEIGHT, 0, height - HOVER_DATE_HEIGHT - 2)}px"
       >
         {hoverLabel}
diff --git a/web/src/lib/components/shared-components/search-bar/search-history-box.svelte b/web/src/lib/components/shared-components/search-bar/search-history-box.svelte
index 93c4ac93f491a..1380bd34b1a06 100644
--- a/web/src/lib/components/shared-components/search-bar/search-history-box.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-history-box.svelte
@@ -20,13 +20,11 @@
   {#if $savedSearchTerms.length > 0}
     <div class="flex items-center justify-between px-5 pt-5 text-xs">
       <p>{$t('recent_searches').toUpperCase()}</p>
-      <div class="flex w-18 items-center justify-center">
-        <button
-          type="button"
-          class="rounded-lg p-2 font-semibold text-immich-primary hover:bg-immich-primary/25 dark:text-immich-dark-primary"
-          on:click={() => dispatch('clearAllSearchTerms')}>{$t('clear_all')}</button
-        >
-      </div>
+      <button
+        type="button"
+        class="rounded-lg p-2 font-semibold text-immich-primary hover:bg-immich-primary/25 dark:text-immich-dark-primary"
+        on:click={() => dispatch('clearAllSearchTerms')}>{$t('clear_all')}</button
+      >
     </div>
   {/if}