Spacing for secrets

Signed-off-by: Trung Nguyen <[email protected]>

Author: trungutt

src/extension/ui/src/components/tile/ConfigEditor.tsx

@@ -82,14 +82,15 @@ const ConfigEditor = ({
   return (
     <Stack spacing={1}>
       <Typography variant="subtitle2">Parameters</Typography>
-      <Stack direction="column" spacing={2}>
+      <Stack direction="column" spacing={1}>
         {Object.keys(flattenedConfig).map((key: string) => {
           const edited = localConfig[key] !== flattenedConfig[key];
           const isSaving = savingKeys.has(key);
 
           return (
             <Stack key={key} direction="row" spacing={2}>
               <TextField
+                fullWidth
                 size="small"
                 label={key}
                 value={localConfig[key] || ''}

src/extension/ui/src/components/tile/Modal.tsx

@@ -252,6 +252,7 @@ const ConfigurationModal = ({
               <Stack
                 spacing={1}
                 sx={{
+                  padding: 1,
                   overflow: 'auto',
                   height: 'calc(80vh - 200px)',
                   minHeight: '180px',
@@ -272,12 +273,13 @@ const ConfigurationModal = ({
               <Stack
                 spacing={1}
                 sx={{
+                  padding: 1,
                   overflow: 'auto',
                   height: 'calc(80vh - 200px)',
                   minHeight: '180px',
                 }}
               >
-                <Stack direction="column" spacing={2}>
+                <Stack direction="column" spacing={2} >
                   <ConfigEditor catalogItem={catalogItem} client={client} />
 
                   {catalogItem.secrets?.length > 0 && (