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
-            placeholder='Search Gantt Name'
-            showSearch
-            filterOption={(inputValue, option) =>
-              option.children.toLowerCase().includes(inputValue.toLowerCase())
-            }
-            onChange={(val) => setSearchGantt(val)}
-            style={{ width: 200 }}
-          >
-            {dataGantt.map((res) => (
-              <Option key={res.id} value={res.id}>
-                {res.name_version}
-              </Option>
-            ))}
-          </Select>
-
-          {!hierarchyId && (
-            <Button onClick={handleOpenDialogForm} size='sm' color="primary">
-              <i className='fa fa-plus'></i>
-            </Button>
-          )}
+          <div style={{ display:'flex'}}>
+            <Select
+              placeholder='Search Gantt Name'
+              showSearch
+              filterOption={(inputValue, option) =>
+                option.children.toLowerCase().includes(inputValue.toLowerCase())
+              }
+              onChange={(val) => setSearchGantt(val)}
+              style={{ width: 200, marginRight:'10px' }}
+            >
+              {dataGantt.map((res) => (
+                <Option key={res.id} value={res.id}>
+                  {res.name_version}
+                </Option>
+              ))}
+            </Select>
+            {!hierarchyId && (
+              <Button onClick={handleOpenDialogForm} size='sm' color="primary">
+                <i className='fa fa-plus'></i>
+              </Button>
+            )}
+          </div>
 
         </ModalHeader>
         <ModalBody>