From 613dc858cbc481799c534f907d9b6f42adba67a4 Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Thu, 15 Jan 2026 10:06:34 -0600
Subject: [PATCH] chore: tweak table text size (#25276)

---
 .../lib/components/user-settings-page/feature-settings.svelte | 2 +-
 .../components/user-settings-page/user-api-key-list.svelte    | 2 +-
 .../components/user-settings-page/user-usage-statistic.svelte | 4 ++--
 web/src/routes/admin/library-management/(list)/+layout.svelte | 2 +-
 web/src/routes/admin/users/(list)/+layout.svelte              | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/lib/components/user-settings-page/feature-settings.svelte b/web/src/lib/components/user-settings-page/feature-settings.svelte
index 53e69dd529..58723781ef 100644
--- a/web/src/lib/components/user-settings-page/feature-settings.svelte
+++ b/web/src/lib/components/user-settings-page/feature-settings.svelte
@@ -166,7 +166,7 @@
           </div>
         </SettingAccordion>
 
-        <div class="flex justify-end">
+        <div class="flex justify-end mt-4">
           <Button shape="round" type="submit" size="small" onclick={() => handleSave()}>{$t('save')}</Button>
         </div>
       </div>
diff --git a/web/src/lib/components/user-settings-page/user-api-key-list.svelte b/web/src/lib/components/user-settings-page/user-api-key-list.svelte
index 2c6ec22d5e..62c093f289 100644
--- a/web/src/lib/components/user-settings-page/user-api-key-list.svelte
+++ b/web/src/lib/components/user-settings-page/user-api-key-list.svelte
@@ -41,7 +41,7 @@
     </div>
 
     {#if keys.length > 0}
-      <Table class="mt-4" striped spacing="small">
+      <Table class="mt-4" striped spacing="small" size="small">
         <TableHeader>
           <TableHeading>{$t('name')}</TableHeading>
           <TableHeading>{$t('permission')}</TableHeading>
diff --git a/web/src/lib/components/user-settings-page/user-usage-statistic.svelte b/web/src/lib/components/user-settings-page/user-usage-statistic.svelte
index 4be87efac3..423a581e19 100644
--- a/web/src/lib/components/user-settings-page/user-usage-statistic.svelte
+++ b/web/src/lib/components/user-settings-page/user-usage-statistic.svelte
@@ -67,7 +67,7 @@
 
 <section class="my-6 w-full">
   <Heading size="tiny">{$t('photos_and_videos')}</Heading>
-  <Table striped spacing="medium" class="mt-4">
+  <Table striped spacing="small" class="mt-4" size="small">
     <TableHeader>
       <TableHeading class="w-1/4">{$t('view_name')}</TableHeading>
       <TableHeading class="w-1/4">{$t('photos')}</TableHeading>
@@ -83,7 +83,7 @@
   </Table>
 
   <Heading size="tiny" class="mt-8">{$t('albums')}</Heading>
-  <Table striped spacing="medium" class="mt-4">
+  <Table striped spacing="small" class="mt-4" size="small">
     <TableHeader>
       <TableHeading class="w-1/2">{$t('owned')}</TableHeading>
       <TableHeading class="w-1/2">{$t('shared')}</TableHeading>
diff --git a/web/src/routes/admin/library-management/(list)/+layout.svelte b/web/src/routes/admin/library-management/(list)/+layout.svelte
index 81e6799716..fe6114fbc1 100644
--- a/web/src/routes/admin/library-management/(list)/+layout.svelte
+++ b/web/src/routes/admin/library-management/(list)/+layout.svelte
@@ -76,7 +76,7 @@
   <Container size="large" center class="my-4">
     <div class="flex flex-col items-center gap-2" in:fade={{ duration: 500 }}>
       {#if libraries.length > 0}
-        <Table striped>
+        <Table striped size="small" spacing="small">
           <TableHeader>
             <TableHeading class={classes.column1}>{$t('name')}</TableHeading>
             <TableHeading class={classes.column2}>{$t('owner')}</TableHeading>
diff --git a/web/src/routes/admin/users/(list)/+layout.svelte b/web/src/routes/admin/users/(list)/+layout.svelte
index 206265acba..368ce5ed18 100644
--- a/web/src/routes/admin/users/(list)/+layout.svelte
+++ b/web/src/routes/admin/users/(list)/+layout.svelte
@@ -66,7 +66,7 @@
 
 <AdminPageLayout breadcrumbs={[{ title: data.meta.title }]} actions={[Create]}>
   <Container center size="large">
-    <Table class="mt-4" striped spacing="large">
+    <Table class="mt-4" striped spacing="small" size="small">
       <TableHeader>
         <TableHeading class={classes.column1}>{$t('email')}</TableHeading>
         <TableHeading class={classes.column2}>{$t('name')}</TableHeading>