578 adjusted header sizes

ScottLogic · Feb 27, 2024 · 767de8b · 767de8b
1 parent e5471a8
commit 767de8b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/frontend/src/components/Overlay/OverlayHeader.css b/frontend/src/components/Overlay/OverlayHeader.css
@@ -2,9 +2,8 @@
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	height: 5rem;
 	margin: 0;
-	padding: 0 1rem;
+	padding: 1rem;
 	border-top-left-radius: 0.625rem;
 	border-top-right-radius: 0.625rem;
 	background-color: var(--overlay-header-background-colour);
@@ -43,13 +42,12 @@
 
 @media (width < 87.5rem) {
 	.overlay-header {
-		height: 3rem;
+		padding: 0.125rem;
 	}
 }
 
 @media (width < 62.5rem) {
 	.overlay-header {
-		height: auto;
 		padding: 0 0.125rem;
 	}
 

diff --git a/frontend/src/components/Overlay/OverlayNav.css b/frontend/src/components/Overlay/OverlayNav.css
@@ -2,7 +2,7 @@
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
 	gap: 1rem;
-	padding: 1.25rem;
+	padding: 1.125rem;
 	border-bottom-right-radius: 0.625rem;
 	border-bottom-left-radius: 0.625rem;
 	background-color: var(--overlay-header-background-colour);
@@ -60,7 +60,6 @@
 	}
 
 	.overlay-nav .nav-buttons {
-		margin: 0;
 		padding: 0.125rem;
 	}