From 2fcac839c23df7dfdfe0634189eaeb1e8e5824a1 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Mon, 20 Oct 2025 15:01:10 -0400
Subject: chore: align close button implementation in nerd stuff w flatpak
 modal

---
 src/components/NerdStuffModal.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

(limited to 'src/components/NerdStuffModal.tsx')

diff --git a/src/components/NerdStuffModal.tsx b/src/components/NerdStuffModal.tsx
index 89a6547..b4a79a2 100644
--- a/src/components/NerdStuffModal.tsx
+++ b/src/components/NerdStuffModal.tsx
@@ -3,7 +3,9 @@ import {
   ModalRoot, 
   Field,
   Focusable,
-  Button
+  DialogControlsSection,
+  PanelSectionRow,
+  ButtonItem
 } from "@decky/ui";
 import { getDllStats, DllStatsResult, getConfigFileContent, getLaunchScriptContent, FileContentResult } from "../api/lsfgApi";
 
@@ -166,9 +168,17 @@ export function NerdStuffModal({ closeModal }: NerdStuffModalProps) {
             </Field>
           )}
           
-            <Button onClick={closeModal}>
-              Close
-            </Button>
+          {/* Close Button */}
+          <DialogControlsSection>
+            <PanelSectionRow>
+              <ButtonItem
+                layout="below"
+                onClick={closeModal}
+              >
+                Close
+              </ButtonItem>
+            </PanelSectionRow>
+          </DialogControlsSection>
         </>
       )}
     </ModalRoot>
-- 
cgit v1.2.3

