From 44ed9e7b49e48601d8d0577251716e9d8a314bd0 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sat, 16 Aug 2025 15:42:29 -0400
Subject: fix width of new profile text field

---
 src/components/ProfileManagement.tsx | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

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

diff --git a/src/components/ProfileManagement.tsx b/src/components/ProfileManagement.tsx
index ef68844..543609f 100644
--- a/src/components/ProfileManagement.tsx
+++ b/src/components/ProfileManagement.tsx
@@ -56,24 +56,31 @@ function TextInputModal({
 
   return (
     <ModalRoot>
-      <div style={{ padding: "16px", minWidth: "300px" }}>
+      <div style={{ padding: "16px", minWidth: "400px" }}>
         <h2 style={{ marginBottom: "16px" }}>{title}</h2>
-        <p style={{ marginBottom: "16px" }}>{description}</p>
+        <p style={{ marginBottom: "24px" }}>{description}</p>
         
-        <Field label="Name">
-          <TextField
-            value={value}
-            onChange={(e) => setValue(e?.target?.value || "")}
-          />
-        </Field>
+        <div style={{ marginBottom: "24px" }}>
+          <Field 
+            label="Name"
+            childrenLayout="below"
+            childrenContainerWidth="max"
+          >
+            <TextField
+              value={value}
+              onChange={(e) => setValue(e?.target?.value || "")}
+              style={{ width: "100%" }}
+            />
+          </Field>
+        </div>
         
-        <div style={{ display: "flex", gap: "8px", marginTop: "16px" }}>
-          <DialogButton onClick={handleOK} disabled={!value.trim()}>
-            {okText}
-          </DialogButton>
+        <div style={{ display: "flex", gap: "8px", justifyContent: "flex-end" }}>
           <DialogButton onClick={closeModal}>
             {cancelText}
           </DialogButton>
+          <DialogButton onClick={handleOK} disabled={!value.trim()}>
+            {okText}
+          </DialogButton>
         </div>
       </div>
     </ModalRoot>
-- 
cgit v1.2.3

