From eedcf9efa613c2172d895d804a48532811204db9 Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Mon, 13 Jul 2026 06:39:09 +0800
Subject: [PATCH] fix(plugin): show global fallback warning, compact View
 Details button

---
 .../decky-vault/src/components/LibraryAppPanel.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/plugins/decky-vault/src/components/LibraryAppPanel.tsx b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
index 4075a1b..66e0685 100644
--- a/plugins/decky-vault/src/components/LibraryAppPanel.tsx
+++ b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
@@ -125,14 +125,20 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
           ) : (
             <span style={{ opacity: 0.4, fontSize: "12px" }}>No data yet</span>
           )}
+          {/* Device scope badge */}
+          <div style={{ fontSize: "10px", opacity: 0.4, marginTop: "2px" }}>
+            {detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}>⚠ global (device not detected)</span>}
+          </div>
         </div>
       </PanelSectionRow>
 
-      {/* View Details button */}
+      {/* Compact View Details button */}
       <PanelSectionRow>
-        <ButtonItem layout="below" onClick={() => openExternalUrl(gameUrl)}>
-          View Details
-        </ButtonItem>
+        <div style={{ display: "flex", justifyContent: "center", padding: "0 16px" }}>
+          <ButtonItem layout="below" onClick={() => openExternalUrl(gameUrl)} style={{ width: "auto", minWidth: "120px" }}>
+            View Details
+          </ButtonItem>
+        </div>
       </PanelSectionRow>
     </>
   )