Fix margin issues caused by new navbar (#242)

* Fix padding issues caused by new navbar. * Remove unused import. * Revert padding left changes. * Update padding issues.
uwblueprint · Nov 10, 2020 · da533ff · da533ff
1 parent a2bb215
commit da533ff
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 12 deletions.
diff --git a/src/Components/Admin/UserManagement.jsx b/src/Components/Admin/UserManagement.jsx
@@ -9,7 +9,7 @@ import NewUserDialog from "./NewUserDialog";
 import UserManagementTable from "./UserManagementTable";
 
 const Wrapper = styled.div`
-  margin-top: 148px;
+  margin-top: 50px;
   text-align: left;
   padding: 0 64px;
 `;

diff --git a/src/Components/AllCandidates/AllCandidates.jsx b/src/Components/AllCandidates/AllCandidates.jsx
@@ -39,7 +39,7 @@ const Header = styled.div`
 `;
 
 const Wrapper = styled.div`
-  margin-top: 150px;
+  margin-top: 50px;
   padding: 0 136px;
   h1 {
     font-family: Roboto;

diff --git a/src/Components/AllCandidates/CommitteeReview.jsx b/src/Components/AllCandidates/CommitteeReview.jsx
@@ -31,7 +31,7 @@ const Header = styled.div`
 `;
 
 const Wrapper = styled.div`
-  margin-top: 150px;
+  margin-top: 50px;
   padding: 0 136px;
   h1 {
     font-family: Roboto;

diff --git a/src/Components/FormCreation/CreateEditForm.js b/src/Components/FormCreation/CreateEditForm.js
@@ -1,5 +1,4 @@
 import React, { useReducer, useEffect, useState, useContext } from "react";
-import { HEADER_HEIGHT } from "../Header/Header";
 import styled from "styled-components";
 import FormSection from "./FormSection";
 import { AuthContext } from "../../Authentication/Auth.js";
@@ -9,10 +8,6 @@ import CreateEditFormHeader from "./CreateEditFormHeader";
 import { defaultFormState } from "./CreateEditFormStateManagement";
 import customFormSectionsReducer from "../../Reducers/CustomFormSectionsReducer";
 
-const Wrapper = styled.div`
-  margin-top: ${HEADER_HEIGHT}px;
-`;
-
 const FormWrapper = styled.div`
   margin-top: 50px;
   padding-left: 15%;
@@ -75,7 +70,7 @@ function CreateEditForm() {
   }
 
   return (
-    <Wrapper>
+    <div>
       <CreateEditFormHeader {...headerData} onChange={setHeaderData} />
       {sections &&
         sections.map((section, key) => (
@@ -91,7 +86,7 @@ function CreateEditForm() {
             />
           </FormWrapper>
         ))}
-    </Wrapper>
+    </div>
   );
 }
 

diff --git a/src/Components/List/ApplicationList/AllApplications.jsx b/src/Components/List/ApplicationList/AllApplications.jsx
@@ -14,7 +14,7 @@ import {
 } from "../../../requests/get";
 
 const Wrapper = styled.div`
-  margin-top: 150px;
+  margin-top: 100px;
   padding: 0 136px;
   text-align: left;
   padding-bottom: 30px;

diff --git a/src/Components/StackedRankings/StackedRankings.jsx b/src/Components/StackedRankings/StackedRankings.jsx
@@ -24,7 +24,7 @@ const useStyles = makeStyles({
     position: "relative"
   },
   root: {
-    marginTop: 136,
+    marginTop: 100,
     padding: "0 168px",
     textAlign: "left",
     "& h1": {