From 1c62121097c98f19ce77c309640b313b1e67aac9 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Sun, 18 Jan 2026 14:13:19 +0100
Subject: [PATCH] STYLE: Change manual install button to secondary style

---
 index.html | 4 ++--
 js/app.js  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index a831b58..5160c3e 100644
--- a/index.html
+++ b/index.html
@@ -1355,7 +1355,7 @@
                             <div class="setting-item">
                                 <div class="info">
                                     <span class="label">Show Quality Badges</span>
-                                    <span class="description">Display "HR" badge for Hi-Res tracks</span>
+                                    <span class="description">Display "HD" badge for Hi-Res tracks</span>
                                 </div>
                                 <label class="toggle-switch">
                                     <input type="checkbox" id="show-quality-badges-toggle" checked />
@@ -1518,7 +1518,7 @@
                                     <span class="label">Install App</span>
                                     <span class="description">Install Monochrome as an app on your device</span>
                                 </div>
-                                <button id="manual-install-btn" class="btn-primary">Install</button>
+                                <button id="manual-install-btn" class="btn-secondary">Install</button>
                             </div>
                             <div class="setting-item">
                                 <div class="info">
diff --git a/js/app.js b/js/app.js
index 8b35a78..f2af500 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1097,7 +1097,7 @@ function showUpdateNotification(updateCallback) {
             <strong>Update Available</strong>
             <p>A new version of Monochrome is available.</p>
         </div>
-        <button class="btn-secondary" id="update-now-btn">Update Now</button>
+        <button class="btn-primary" id="update-now-btn">Update Now</button>
     `;
     document.body.appendChild(notification);
 
@@ -1123,7 +1123,7 @@ function showInstallPrompt(deferredPrompt) {
             <p>Install this app for a better experience.</p>
         </div>
         <div style="display: flex; gap: 0.5rem;">
-            <button class="btn-secondary" id="install-btn">Install</button>
+            <button class="btn-primary" id="install-btn">Install</button>
             <button class="btn-secondary" id="dismiss-install">Dismiss</button>
         </div>
     `;