From 7e862443a8cb29a9839d9fec12a4fa736f089442 Mon Sep 17 00:00:00 2001
From: Nicholas Flamy <30300649+NicholasFlamy@users.noreply.github.com>
Date: Tue, 14 Oct 2025 16:55:36 -0400
Subject: [PATCH] address @danieldietzler suggestions

---
 .../utilities-page/utilities-menu.svelte       |  2 +-
 web/src/lib/modals/AppDownloadModal.svelte     | 18 +++++++++---------
 web/src/routes/auth/onboarding/+page.svelte    |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/web/src/lib/components/utilities-page/utilities-menu.svelte b/web/src/lib/components/utilities-page/utilities-menu.svelte
index 96d2778fee..da5c3e6a2a 100644
--- a/web/src/lib/components/utilities-page/utilities-menu.svelte
+++ b/web/src/lib/components/utilities-page/utilities-menu.svelte
@@ -31,7 +31,7 @@
 </div>
 <br />
 <div class="border border-gray-300 dark:border-immich-dark-gray rounded-3xl pt-1 pb-6 dark:text-white">
-  <p class="text-xs font-medium p-4">{$t('download').toUpperCase()}</p>
+  <p class="uppercase text-xs font-medium p-4">{$t('download')}</p>
   <button
     type="button"
     onclick={() => modalManager.show(ObtainiumConfigModal, {})}
diff --git a/web/src/lib/modals/AppDownloadModal.svelte b/web/src/lib/modals/AppDownloadModal.svelte
index 9dd8342ca8..a4dd884184 100644
--- a/web/src/lib/modals/AppDownloadModal.svelte
+++ b/web/src/lib/modals/AppDownloadModal.svelte
@@ -11,27 +11,27 @@
   <ModalBody
     ><div class="flex flex-col sm:grid sm:grid-cols-2 gap-5 text-immich-primary dark:text-immich-dark-primary">
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="fdroid-link"
-          >F-Droid</label
-        >
+        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="fdroid-link">
+          F-Droid
+        </label>
         <a href="https://f-droid.org/packages/app.alextran.immich/" target="_blank" id="fdroid-link"
           ><img class="pt-2 pr-10" alt="Get it on F-Droid" src={fdroidBadge} /></a
         >
       </div>
 
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="play-store-link"
-          >Google Play</label
-        >
+        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="play-store-link">
+          Google Play
+        </label>
         <a href="https://play.google.com/store/apps/details?id=app.alextran.immich" target="_blank" id="play-store-link"
           ><img alt="Get it on Google Play" src={playStoreBadge} /></a
         >
       </div>
 
       <div>
-        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="app-store-link"
-          >App Store</label
-        >
+        <label class="font-medium text-immich-primary dark:text-immich-dark-primary text-sm" for="app-store-link">
+          App Store
+        </label>
         <a href="https://apps.apple.com/us/app/immich/id1613945652" target="_blank" id="app-store-link"
           ><img class="pt-2 pr-5" alt="Download on the App Store" src={appStoreBadge} width="90%" /></a
         >
diff --git a/web/src/routes/auth/onboarding/+page.svelte b/web/src/routes/auth/onboarding/+page.svelte
index f400a0d4d0..c046c5fadf 100644
--- a/web/src/routes/auth/onboarding/+page.svelte
+++ b/web/src/routes/auth/onboarding/+page.svelte
@@ -16,7 +16,7 @@
   import { user } from '$lib/stores/user.store';
   import { setUserOnboarding, updateAdminOnboarding } from '@immich/sdk';
   import {
-    mdiCellphone,
+    mdiCellphoneArrowDownVariant,
     mdiCloudCheckOutline,
     mdiHarddisk,
     mdiIncognito,
@@ -90,7 +90,7 @@
       component: OnboardingMobileApp,
       role: OnboardingRole.USER,
       title: $t('mobile_app'),
-      icon: mdiCellphone, // or you can use mdiCellphoneArrowDownVariant
+      icon: mdiCellphoneArrowDownVariant, // or you can use mdiCellphone
     },
   ]);