From 94c8fe10982811299460c98c7c15e6485bbe765b Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Mon, 20 Nov 2023 11:23:47 -0600
Subject: [PATCH] chore(web): small font size improvement (#5190)

---
 .../components/shared-components/search-bar/search-bar.svelte | 4 ++--
 web/src/routes/(user)/sharing/+page.svelte                    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/shared-components/search-bar/search-bar.svelte b/web/src/lib/components/shared-components/search-bar/search-bar.svelte
index cd524e4a7d..5e0f2eabeb 100644
--- a/web/src/lib/components/shared-components/search-bar/search-bar.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-bar.svelte
@@ -118,7 +118,7 @@
         transition:fly={{ y: 25, duration: 250 }}
         class="absolute w-full rounded-b-3xl border border-gray-200 bg-white pb-5 shadow-2xl transition-all dark:border-gray-800 dark:bg-immich-dark-gray dark:text-gray-300"
       >
-        <div class="flex px-5 pt-5 text-left text-xs">
+        <div class="flex px-5 pt-5 text-left text-sm">
           <p>
             Smart search is enabled by default, to search for metadata use the syntax <span
               class="rounded-lg bg-gray-100 p-2 font-mono font-semibold leading-7 text-immich-primary dark:bg-gray-900 dark:text-immich-dark-primary"
@@ -142,7 +142,7 @@
 
         {#each $savedSearchTerms as savedSearchTerm, i (i)}
           <div
-            class="flex w-full items-center justify-between text-xs text-black hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-500/10"
+            class="flex w-full items-center justify-between text-sm text-black hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-500/10"
           >
             <div class="relative w-full items-center">
               <button
diff --git a/web/src/routes/(user)/sharing/+page.svelte b/web/src/routes/(user)/sharing/+page.svelte
index 97778ee45b..1ff3347cf3 100644
--- a/web/src/routes/(user)/sharing/+page.svelte
+++ b/web/src/routes/(user)/sharing/+page.svelte
@@ -74,7 +74,7 @@
                 <p class="text-immich-fg dark:text-immich-dark-fg">
                   {partner.name}
                 </p>
-                <p class="text-xs text-immich-fg/75 dark:text-immich-dark-fg/75">
+                <p class="text-sm text-immich-fg/75 dark:text-immich-dark-fg/75">
                   {partner.email}
                 </p>
               </div>