edit task modal css update

berabulut · May 16, 2021 · 0f665b8 · 0f665b8
1 parent e26510c
commit 0f665b8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/client/src/components/EditTaskModal/index.js b/client/src/components/EditTaskModal/index.js
@@ -559,7 +559,7 @@ const EditTaskModal = ({
                   );
                 })}
                 <Grid
-                  className={classes.buttonContainer}
+                  className={classes.assignButtonContainer}
                   item
                   container
                   justify="flex-end"

diff --git a/client/src/components/EditTaskModal/styles.js b/client/src/components/EditTaskModal/styles.js
@@ -88,6 +88,17 @@ export const modalStyles = makeStyles((theme) => ({
       justifyContent: "center",
     },
   },
+  assignButtonContainer: {
+    maxHeight: "60px",
+    display: "inline-flex",
+    marginBottom: theme.spacing(1.5),
+    paddingLeft: "20px",
+    justifyContent: "flex-end",
+    [theme.breakpoints.down("xs")]: {
+      justifyContent: "center",
+      paddingLeft: "0px"
+    },
+  },
   assignedUsersContainer: {
     maxHeight: "60px",
     display: "inline-flex",