From 9b38b17eb0c64e46205fcbcc7ee9cefceab5eae2 Mon Sep 17 00:00:00 2001
From: Adrian Bonpin <adrianbonpin@gmail.com>
Date: Mon, 13 Jul 2026 07:03:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(plugin):=20prevent=20overflow=20=E2=80=94?=
 =?UTF-8?q?=20shrink=20stats,=20constrain=20button=20to=20110px,=20hidden?=
 =?UTF-8?q?=20overflow?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/plugins/decky-vault/src/components/LibraryAppPanel.tsx b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
index 98fe334..4f34272 100644
--- a/plugins/decky-vault/src/components/LibraryAppPanel.tsx
+++ b/plugins/decky-vault/src/components/LibraryAppPanel.tsx
@@ -110,9 +110,9 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
 
   return (
     <PanelSectionRow>
-      <div className={staticClasses.Text} style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: "8px", padding: "4px 16px", fontSize: "13px" }}>
+      <div className={staticClasses.Text} style={{ display: "flex", alignItems: "center", justifyContent: "space-between", gap: "8px", padding: "4px 0", fontSize: "13px", overflow: "hidden", maxWidth: "100%", boxSizing: "border-box" }}>
         {/* Stats */}
-        <span style={{ flex: 1 }}>
+        <span style={{ flex: "1 1 0", minWidth: 0, overflow: "hidden" }}>
           {data.estFps ? (
             <span style={{ display: "inline-flex", flexWrap: "wrap", gap: "4px 8px" }}>
               <span><strong>{data.estFps.avg}</strong> <span style={{ opacity: 0.4 }}>avg</span></span>
@@ -130,8 +130,8 @@ export default function LibraryAppPanel({ appId, title, hardwareSlug, baseUrl }:
             {detectedSlug ? detectedSlug : <span style={{ color: "#e0a030" }}>⚠ global</span>}
           </span>
         </span>
-        {/* View Details — constrained width */}
-        <div style={{ flexShrink: 0, width: "130px" }}>
+        {/* View Details — compact, gamepad-navigable, constrained */}
+        <div style={{ flexShrink: 0, width: "110px", overflow: "hidden", boxSizing: "border-box" }}>
           <DialogButtonPrimary onClick={() => openExternalUrl(gameUrl)}>
             View Details
           </DialogButtonPrimary>