From 59100509dba56ce3da2d9e3a242db1cd46033455 Mon Sep 17 00:00:00 2001
From: Ben Hollis <ben@benhollis.net>
Date: Sat, 18 Jan 2025 21:07:22 -0800
Subject: [PATCH] De-uppercase loadout names

---
 src/app/loadout/LoadoutView.m.scss   | 4 +++-
 src/app/loadout/Loadouts.m.scss      | 5 +++++
 src/app/loadout/Loadouts.m.scss.d.ts | 2 ++
 src/app/loadout/Loadouts.tsx         | 6 +++++-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/loadout/LoadoutView.m.scss b/src/app/loadout/LoadoutView.m.scss
index d9a7044c6..059a1acc7 100644
--- a/src/app/loadout/LoadoutView.m.scss
+++ b/src/app/loadout/LoadoutView.m.scss
@@ -27,7 +27,9 @@
     flex-direction: row;
     gap: 8px;
     margin: 0 !important;
-    font-size: 16px;
+    font-size: 18px;
+    text-transform: none;
+    letter-spacing: normal;
   }
 }
 
diff --git a/src/app/loadout/Loadouts.m.scss b/src/app/loadout/Loadouts.m.scss
index d405bf2ff..da9e8d0ac 100644
--- a/src/app/loadout/Loadouts.m.scss
+++ b/src/app/loadout/Loadouts.m.scss
@@ -24,6 +24,11 @@
   text-align: left;
 }
 
+.menuLoadout > span:not(.app-icon) {
+  text-transform: none;
+  letter-spacing: normal;
+}
+
 .hashtagTip {
   display: flex;
   align-items: center;
diff --git a/src/app/loadout/Loadouts.m.scss.d.ts b/src/app/loadout/Loadouts.m.scss.d.ts
index cd0cb156d..8f0b67775 100644
--- a/src/app/loadout/Loadouts.m.scss.d.ts
+++ b/src/app/loadout/Loadouts.m.scss.d.ts
@@ -1,11 +1,13 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
+  'appIcon': string;
   'hashtagTip': string;
   'loadoutRow': string;
   'menu': string;
   'menuButton': string;
   'menuButtons': string;
+  'menuLoadout': string;
   'seasonHeader': string;
 }
 export const cssExports: CssExports;
diff --git a/src/app/loadout/Loadouts.tsx b/src/app/loadout/Loadouts.tsx
index 8b030ad3e..9e8b7ae7e 100644
--- a/src/app/loadout/Loadouts.tsx
+++ b/src/app/loadout/Loadouts.tsx
@@ -212,7 +212,11 @@ function Loadouts({ account }: { account: DestinyAccount }) {
         </div>
         {!isPhonePortrait &&
           loadouts.map((loadout) => (
-            <PageWithMenu.MenuButton onClick={() => scrollToLoadout(loadout.id)} key={loadout.id}>
+            <PageWithMenu.MenuButton
+              onClick={() => scrollToLoadout(loadout.id)}
+              key={loadout.id}
+              className={styles.menuLoadout}
+            >
               <ColorDestinySymbols text={loadout.name} />
             </PageWithMenu.MenuButton>
           ))}