From 4c6939b1938f044a7511f617406e35de463c1b35 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sat, 16 Aug 2025 12:39:32 -0400
Subject: fix styling of prof buttons

---
 src/components/ProfileManagement.tsx | 68 +++++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 32 deletions(-)

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

diff --git a/src/components/ProfileManagement.tsx b/src/components/ProfileManagement.tsx
index 83b5fa4..d5e5521 100644
--- a/src/components/ProfileManagement.tsx
+++ b/src/components/ProfileManagement.tsx
@@ -8,7 +8,7 @@ import {
   ConfirmModal,
   Field,
   DialogButton,
-  Focusable,
+  ButtonItem,
   ModalRoot,
   TextField
 } from "@decky/ui";
@@ -268,41 +268,45 @@ export function ProfileManagement({ currentProfile, onProfileChange }: ProfileMa
     <PanelSection title="Profile Management">
       <PanelSectionRow>
         <Field label="Current Profile">
-          <Dropdown
-            rgOptions={profileOptions}
-            selectedOption={selectedProfile}
-            onChange={(option) => handleProfileChange(option.data)}
-            disabled={isLoading}
-          />
+          <div style={{ width: "100%" }}>
+            <Dropdown
+              rgOptions={profileOptions}
+              selectedOption={selectedProfile}
+              onChange={(option) => handleProfileChange(option.data)}
+              disabled={isLoading}
+            />
+          </div>
         </Field>
       </PanelSectionRow>
 
       <PanelSectionRow>
-        <Focusable style={{ display: "flex", gap: "8px", flexWrap: "wrap" }}>
-          <DialogButton
-            onClick={handleCreateProfile}
-            disabled={isLoading}
-            style={{ flex: "1", minWidth: "120px" }}
-          >
-            New Profile
-          </DialogButton>
-          
-          <DialogButton
-            onClick={handleRenameProfile}
-            disabled={isLoading || selectedProfile === "decky-lsfg-vk"}
-            style={{ flex: "1", minWidth: "120px" }}
-          >
-            Rename
-          </DialogButton>
-          
-          <DialogButton
-            onClick={handleDeleteProfile}
-            disabled={isLoading || selectedProfile === "decky-lsfg-vk"}
-            style={{ flex: "1", minWidth: "120px" }}
-          >
-            Delete
-          </DialogButton>
-        </Focusable>
+        <ButtonItem
+          layout="below"
+          onClick={handleCreateProfile}
+          disabled={isLoading}
+        >
+          New Profile
+        </ButtonItem>
+      </PanelSectionRow>
+      
+      <PanelSectionRow>
+        <ButtonItem
+          layout="below"
+          onClick={handleRenameProfile}
+          disabled={isLoading || selectedProfile === "decky-lsfg-vk"}
+        >
+          Rename
+        </ButtonItem>
+      </PanelSectionRow>
+      
+      <PanelSectionRow>
+        <ButtonItem
+          layout="below"
+          onClick={handleDeleteProfile}
+          disabled={isLoading || selectedProfile === "decky-lsfg-vk"}
+        >
+          Delete
+        </ButtonItem>
       </PanelSectionRow>
     </PanelSection>
   );
-- 
cgit v1.2.3