From 3029cc66fb05dfa7ac79771028a441040b6e14ff Mon Sep 17 00:00:00 2001
From: HorizonCode <horizoncode88@gmail.com>
Date: Sat, 6 Dec 2025 12:40:37 +0100
Subject: [PATCH] chore: update launch button to be more present

---
 src/screens/Launch.svelte | 36 +++++++++++++++++++++++++++---------
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/screens/Launch.svelte b/src/screens/Launch.svelte
index f776cf4..be57930 100644
--- a/src/screens/Launch.svelte
+++ b/src/screens/Launch.svelte
@@ -114,11 +114,6 @@
 
   const tabs = [
     { name: 'Home', key: 'home', show: true },
-    {
-      name: 'Skins',
-      key: 'skins',
-      show: false,
-    },
     {
       name: 'Settings',
       key: 'settings',
@@ -1035,11 +1030,12 @@
         </div>
         <Button
           size="lg"
+          class="text-xl h-16 px-16 border-2 border-violet-500/40"
           disabled={$launching || $osuInstallationPath === '' || $serverConnectionFails > 1}
           onclick={launch}
         >
-          <Play />
-          {$serverConnectionFails > 1 ? 'No connection' : 'Launch'}
+          <Play class="!size-5" />
+          {$launching ? 'Launching...' : $serverConnectionFails > 1 ? 'No connection' : 'Launch'}
         </Button>
       </div>
       <div
@@ -1087,8 +1083,6 @@
           </span>
         </div>
       </div>
-    {:else if selectedTab === 'skins'}
-      <p>list of skins here, option to set current skin (also a subpage to download new skins?)</p>
     {:else if selectedTab === 'settings'}
       <div
         class="bg-theme-900/90 flex flex-col justify-center gap-3 border border-theme-800/90 rounded-lg"
@@ -1290,3 +1284,27 @@
     {/if}
   </div>
 </div>
+
+<style>
+  .launch {
+    margin-top: 24px;
+    padding: 16px 48px;
+    font-size: 1.1rem;
+    font-weight: 600;
+
+    background: linear-gradient(135deg, #c7a6ff, #9f7cff);
+    color: #120a1f;
+
+    border-radius: 14px;
+    box-shadow: 0 8px 30px rgba(160, 120, 255, 0.4);
+
+    transition:
+      transform 120ms ease,
+      box-shadow 120ms ease;
+  }
+
+  .launch:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 12px 42px rgba(160, 120, 255, 0.6);
+  }
+</style>