From 2a1943cf3506b550c4bb6f03ab21424c4a6d7546 Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Mon, 13 Jul 2026 06:55:44 +0800
Subject: [PATCH] fix(plugin): constrain View Details button width to 130px

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

diff --git a/plugins/decky-vault/src/components/LibraryAppPanel.tsx b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
index 991661f..98fe334 100644
--- a/plugins/decky-vault/src/components/LibraryAppPanel.tsx
+++ b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
@@ -130,10 +130,12 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
             {detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}>⚠ global</span>}
           </span>
         </span>
-        {/* View Details — compact gamepad button */}
-        <DialogButtonPrimary onClick={() => openExternalUrl(gameUrl)} style={{ flexShrink: 0, whiteSpace: "nowrap" }}>
-          View Details
-        </DialogButtonPrimary>
+        {/* View Details — constrained width */}
+        <div style={{ flexShrink: 0, width: "130px" }}>
+          <DialogButtonPrimary onClick={() => openExternalUrl(gameUrl)}>
+            View Details
+          </DialogButtonPrimary>
+        </div>
       </div>
     </PanelSectionRow>
   )