fix styling of prof buttons

2 files changed, 36 insertions, 36 deletions

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>
   );
diff --git a/src/hooks/useProfileManagement.ts b/src/hooks/useProfileManagement.ts
index bb6cd6f..4b10f0e 100644
--- a/src/hooks/useProfileManagement.ts
+++ b/src/hooks/useProfileManagement.ts
@@ -156,10 +156,6 @@ export function useProfileManagement() {
     try {
       const result: ConfigUpdateResult = await updateProfileConfig(profileName, config);
       if (result.success) {
-        // Only show success toast if this is the current profile
-        if (profileName === currentProfile) {
-          showSuccessToast("Configuration updated", `Updated configuration for profile: ${profileName}`);
-        }
         return result;
       } else {
         console.error("Failed to update profile config:", result.error);