refactor: styling changes

build-canaries · Apr 22, 2024 · 1bdd0fd · 1bdd0fd
1 parent 31ce3cb
commit 1bdd0fd
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/src/client/common/_layout.scss b/src/client/common/_layout.scss
@@ -5,6 +5,9 @@ $spacing-height: 1.5em;
 $spacing-width: 1em;
 $max-page-width: 1280px;
 
+// Cards
+$card-header-padding: 0.75rem;
+
 // Z Index
 $header-footer-index: 100;
 $focus-index: 1000;

diff --git a/src/client/common/card/card.scss b/src/client/common/card/card.scss
@@ -17,7 +17,7 @@
   align-items: center;
   background-color: colours.$light-grey;
   display: flex;
-  padding: 1em;
+  padding: layout.$card-header-padding;
 }
 
 .body {

diff --git a/src/client/common/summary.scss b/src/client/common/summary.scss
@@ -1,6 +1,10 @@
 @use './responsive';
 
 .summaryList {
+  div:last-child > dd {
+    margin-bottom: 0;
+  }
+
   @include responsive.respond-to(tablet, desktop) {
     width: 100%;
   }

diff --git a/src/client/settings/success/success-messages.scss b/src/client/settings/success/success-messages.scss
@@ -20,11 +20,15 @@
 .cardHeader {
   background-color: black;
   justify-content: flex-end;
-  margin-bottom: calc(-2em - #{forms.$standard-input-size-mobile});
+  margin-bottom: calc(
+    -#{layout.$card-header-padding * 2} - #{forms.$standard-input-size-mobile}
+  );
   overflow: visible;
 
   @include responsive.respond-to(tablet, desktop) {
-    margin-bottom: calc(-2em - #{forms.$standard-input-size-above-mobile});
+    margin-bottom: calc(
+      -#{layout.$card-header-padding * 2} - #{forms.$standard-input-size-above-mobile}
+    );
   }
 }