Style fix

Author: BennuFire

src/chart/parameter/component/NodePropertyParameterSelect.tsx

@@ -121,12 +121,17 @@ const NodePropertyParameterSelectComponent = (props: ParameterSelectProps) => {
     handleParameters(newValue, newDisplay, setManual);
   };
   return (
-    <div>
+    <div className={'n-flex n-flex-row n-flex-wrap n-items-center'}>
       <Autocomplete
         id='autocomplete'
         multiple={multiSelector}
         options={extraRecords.map((r) => r?._fields?.[displayValueRowIndex] || '(no data)').sort()}
-        style={{ maxWidth: 'calc(100% - 30px)', marginLeft: '15px', marginTop: '5px' }}
+        style={{
+          maxWidth: 'calc(100% - 30px)',
+          minWidth: `calc(100% - ${setManual ? '70' : '30'}px)`,
+          marginLeft: '15px',
+          marginTop: '5px',
+        }}
         inputValue={inputDisplayText || ''}
         onInputChange={(event, value) => {
           setInputDisplayText(value);

src/chart/parameter/component/SelectionConfirmationButton.tsx

@@ -1,14 +1,27 @@
 import React from 'react';
-import { Fab } from '@mui/material';
-import RefreshIcon from '@mui/icons-material/Refresh';
-
+import { Tooltip } from '@mui/material';
+import { CheckBadgeIconOutline } from '@neo4j-ndl/react/icons';
+import { IconButton } from '@neo4j-ndl/react';
 /**
  * Returns a button to delete a property entry from the table inside the GraphChartEditModal.
  */
 export const SelectionConfirmationButton = ({ onClick, key }) => {
   return (
+    <Tooltip title={'Confirm'} disableInteractive key={key}>
+      <IconButton
+        key={`btn${  key}`}
+        className='logo-btn n-p-1'
+        aria-label={'btb-confirmation'}
+        size='large'
+        onClick={onClick}
+        clean
+      >
+        <CheckBadgeIconOutline className='header-icon' type='outline' />
+      </IconButton>
+    </Tooltip>
+    /*
     <Fab
-      key={key}
+
       size='small'
       aria-label='remove'
       style={{
@@ -22,7 +35,6 @@ export const SelectionConfirmationButton = ({ onClick, key }) => {
       }}
       onClick={onClick}
     >
-      <RefreshIcon key={`icon${key}`} />
-    </Fab>
+      */
   );
 };