improve ui layout

greenbone · Jan 14, 2025 · 083a201 · 083a201
1 parent 4c8460e
commit 083a201
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/web/pages/scanconfigs/editnvtdetailsdialog.jsx b/src/web/pages/scanconfigs/editnvtdetailsdialog.jsx
@@ -10,6 +10,7 @@ import DateTime from 'web/components/date/datetime';
 import SaveDialog from 'web/components/dialog/savedialog';
 import Radio from 'web/components/form/radio';
 import TextField from 'web/components/form/textfield';
+import Column from 'web/components/layout/column';
 import Divider from 'web/components/layout/divider';
 import Layout from 'web/components/layout/layout';
 import DetailsLink from 'web/components/link/detailslink';
@@ -227,7 +228,7 @@ const EditNvtDetailsDialog = ({
                 <TableRow>
                   <TableData>{_('Timeout')}</TableData>
                   <TableData>
-                    <Divider flex="column">
+                    <Column>
                       <Divider>
                         <Radio
                           checked={state.useDefaultTimeout === '1'}
@@ -242,21 +243,19 @@ const EditNvtDetailsDialog = ({
                             : ''}
                         </span>
                       </Divider>
-                      <Divider>
-                        <Radio
-                          checked={state.useDefaultTimeout === '0'}
-                          name="useDefaultTimeout"
-                          value="0"
-                          onChange={value => setDefaultTimeout(value)}
-                        />
-                        <TextField
-                          disabled={state.useDefaultTimeout === '1'}
-                          name="timeout"
-                          value={isDefined(state.timeout) ? state.timeout : ''}
-                          onChange={handleChangeTimeout}
-                        />
-                      </Divider>
-                    </Divider>
+                      <Radio
+                        checked={state.useDefaultTimeout === '0'}
+                        name="useDefaultTimeout"
+                        value="0"
+                        onChange={value => setDefaultTimeout(value)}
+                      />
+                      <TextField
+                        disabled={state.useDefaultTimeout === '1'}
+                        name="timeout"
+                        value={isDefined(state.timeout) ? state.timeout : ''}
+                        onChange={handleChangeTimeout}
+                      />
+                    </Column>
                   </TableData>
                   <TableData>
                     {isDefined(defaultTimeout) ? defaultTimeout : ''}