From 080cc011b9b9a0c2defa234a09e768a319fdd52b Mon Sep 17 00:00:00 2001
From: Garret Patti <42485635+garretpatti@users.noreply.github.com>
Date: Sun, 12 Apr 2026 12:41:42 -0400
Subject: [PATCH] icon color and size tweaks

---
 src/components/games/GameDetailModal.tsx | 14 ++++++++------
 src/components/games/GamesView.tsx       |  8 ++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/games/GameDetailModal.tsx b/src/components/games/GameDetailModal.tsx
index 5d857c0..43ba60a 100644
--- a/src/components/games/GameDetailModal.tsx
+++ b/src/components/games/GameDetailModal.tsx
@@ -19,10 +19,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
 }
 
 const PLATFORM_COLORS: Record<GamePlatform, string> = {
-  windows: '#0078d4',
-  linux: '#e95420',
-  macos: '#6e6e73',
-  android: '#10b981',
+  windows: '#85c0ec',
+  linux: '#efd27b',
+  macos: '#b0b0b7',
+  android: '#9ee0ca',
 }
 
 interface Props {
@@ -589,8 +589,9 @@ function DownloadButton({
         onMouseLeave={(e) => ((e.currentTarget as HTMLElement).style.backgroundColor = 'var(--accent)')}
       >
         <span>↓</span>
-        <PlatformPill platform={primary.platform} />
-        Download {primary.filename}
+        <span className="truncate">{primary.filename}</span>
+        <span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
+        
       </a>
     )
   }
@@ -610,6 +611,7 @@ function DownloadButton({
           <span className="flex-shrink-0">↓</span>
           <PlatformPill platform={primary.platform} />
           <span className="truncate">{primary.filename}</span>
+          <span className="justify-right flex-shrink-0"><PlatformPill platform={primary.platform} /></span>
         </a>
 
         {/* Divider */}
diff --git a/src/components/games/GamesView.tsx b/src/components/games/GamesView.tsx
index 0aadb07..a278d1b 100644
--- a/src/components/games/GamesView.tsx
+++ b/src/components/games/GamesView.tsx
@@ -18,10 +18,10 @@ const PLATFORM_LABELS: Record<GamePlatform, string> = {
   android: 'AND',
 }
 const PLATFORM_COLORS: Record<GamePlatform, string> = {
-  windows: '#0078d4',
-  linux: '#e95420',
-  macos: '#6e6e73',
-  android: '#10b981',
+  windows: '#85c0ec',
+  linux: '#efd27b',
+  macos: '#b0b0b7',
+  android: '#9ee0ca',
 }
 
 const PLATFORM_ICONS: Record<GamePlatform, string> = {