diff --git a/frontend/react-app/src/components/EditTaskForm.jsx b/frontend/react-app/src/components/EditTaskForm.jsx
index c91ae85..64fadf6 100644
--- a/frontend/react-app/src/components/EditTaskForm.jsx
+++ b/frontend/react-app/src/components/EditTaskForm.jsx
@@ -7,16 +7,18 @@ import { unassignTeamMemberFromTask } from '../api/isAssignedApi';
const customStyles = {
control: (provided) => ({
...provided,
- width: '100%',
+ width: '560px;',
minWidth: '100px',
maxWidth: '100%',
minHeight: '30px',
maxHeight: '100%',
- border: '2px solid grey',
+ border: '1.5px solid #2d2644',
borderRadius: '10px',
paddingLeft: '8px',
- backgroundColor: '#BFCDE0',
- margin: '10px 0px',
+ backgroundColor: 'white',
+ margin: 'auto',
+ marginTop: '0.5%',
+ marginBottom: '1%',
cursor: 'pointer'
}),
option: (provided, state) =>({
@@ -92,7 +94,7 @@ function EditTaskForm({task, team}){
-
+
)
diff --git a/frontend/react-app/src/css/CreateTaskForm.css b/frontend/react-app/src/css/CreateTaskForm.css
index a8ed0d9..26bea1f 100644
--- a/frontend/react-app/src/css/CreateTaskForm.css
+++ b/frontend/react-app/src/css/CreateTaskForm.css
@@ -2,6 +2,10 @@
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
+ background-color: #e6e4f7;
+ margin-top: 3%;
+ margin-bottom: 3%;
+ border-radius: 20px;
}
.CreateTaskForm input {
width: 50%;
diff --git a/frontend/react-app/src/css/EditTask.css b/frontend/react-app/src/css/EditTask.css
index cdadf09..0243e5d 100644
--- a/frontend/react-app/src/css/EditTask.css
+++ b/frontend/react-app/src/css/EditTask.css
@@ -70,4 +70,15 @@ select {
input[type="checkbox"]:disabled:after {
-webkit-filter: opacity(0.4);
+ }
+
+ #editTaskButton {
+ background-color: #3f5d8b;
+ width: 25%;
+ margin-left: 38%;
+ margin-top: 2%;
+ }
+
+ #editTaskButton:hover {
+ background-color: #24416c;
}
\ No newline at end of file