Styling input search

src/views/SimproV2/CreatedProyek/DialogGantt.js

@@ -247,27 +247,28 @@ const DialogGantt = ({ openDialog, closeDialog, toggleDialog, idTask, proyekName
           ) : (
             <div>Gantt Project {proyekName}</div>
           )}
-          <Select
+          <div style={{ display:'flex'}}>
-            placeholder='Search Gantt Name'
+            <Select
-            showSearch
+              placeholder='Search Gantt Name'
-            filterOption={(inputValue, option) =>
+              showSearch
-              option.children.toLowerCase().includes(inputValue.toLowerCase())
+              filterOption={(inputValue, option) =>
-            }
+                option.children.toLowerCase().includes(inputValue.toLowerCase())
-            onChange={(val) => setSearchGantt(val)}
+              }
-            style={{ width: 200 }}
+              onChange={(val) => setSearchGantt(val)}
-          >
+              style={{ width: 200, marginRight:'10px' }}
-            {dataGantt.map((res) => (
+            >
-              <Option key={res.id} value={res.id}>
+              {dataGantt.map((res) => (
-                {res.name_version}
+                <Option key={res.id} value={res.id}>
-              </Option>
+                  {res.name_version}
-            ))}
+                </Option>
-          </Select>
+              ))}
-
+            </Select>
-          {!hierarchyId && (
+            {!hierarchyId && (
-            <Button onClick={handleOpenDialogForm} size='sm' color="primary">
+              <Button onClick={handleOpenDialogForm} size='sm' color="primary">
-              <i className='fa fa-plus'></i>
+                <i className='fa fa-plus'></i>
-            </Button>
+              </Button>
-          )}
+            )}
+          </div>
 
         </ModalHeader>
         <ModalBody>