Add button should be fixed at the end of the task form se701g2#230 (s…

…e701g2#249) * Add button should be fixed at the end of the task form se701g2#230 * remove the extra div
rmoradc · Apr 19, 2020 · bfae994 · bfae994
1 parent eaf48f3
commit bfae994
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/doto-frontend/src/components/ModalContent.css b/doto-frontend/src/components/ModalContent.css
@@ -51,10 +51,13 @@
 }
 
 #add-button {
+    position: relative;
+    right: -20px;
     text-align: right;
-    padding-top: 40px;
-    padding-bottom: 15px;
-    padding-right: 15px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
 }
 
 .spacing {

diff --git a/doto-frontend/src/components/ModalContent.js b/doto-frontend/src/components/ModalContent.js
@@ -17,7 +17,7 @@ const useStyles = makeStyles(theme => ({
     root: {
         "& > *": {
             margin: theme.spacing(1),
-            width: '55vw',
+            width: "55vw",
         },
     },
     taskNameInput: {
@@ -220,14 +220,12 @@ const ModalContent = props => {
                                 <MenuItem value={5}>5 Minutes Before</MenuItem>
                             </Select>
                         </FormControl>
+                        <Button id="add-button" variant="contained" color="default" onClick={handleAdd}>
+                            ADD
+                        </Button>
                     </div>
                 </form>
             </div>
-            <div id="add-button">
-                <Button variant="contained" color="default" onClick={handleAdd}>
-                    ADD
-                </Button>
-            </div>
         </div>
     );
 };