ER-864 Pin progress bar to bottom of card (#969)

* Pin progress bar to bottom of card * spacing
DFE-Digital · Nov 16, 2023 · c35368e · c35368e
1 parent f6fecb1
commit c35368e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss
@@ -9,7 +9,7 @@ Progress bar
 }
 
 .bar-progress {
-  height: 10px;
+  height: 8px;
   top: 10px;
   border-radius: 4px;
 }
@@ -42,6 +42,7 @@ Progress bar
 
 .card-container img {
   max-width: 100%;
+  margin-bottom: govuk-spacing(1);
 }
 
 .card {
@@ -54,6 +55,9 @@ Progress bar
   }
 
   &-container {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 40px);
     padding: govuk-spacing(4);
 
     .card-progress-bar {