Quick CSS fixes to mystery issues

nationalarchives · Jan 9, 2025 · f450b02 · f450b02
1 parent 045d081
commit f450b02
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/sass/etna.scss b/sass/etna.scss
@@ -176,7 +176,8 @@ Modified to match the existing site (for now)
 // }
 
 .tna-breadcrumbs {
-    padding-bottom: 0;
+    padding-top: 16px;
+    padding-bottom: 16px;
 }
 
 .tna-button-group {
@@ -202,6 +203,7 @@ Modified to match the existing site (for now)
     margin-bottom: 2rem;
 
     &__figure {
+        overflow: hidden;
         &--smaller {
             min-height: 20vw;
         }
@@ -455,10 +457,20 @@ Modified to match the existing site (for now)
 // Event card overrides
 
 .tna-card {
+    &__inner {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+    position: relative;
+    }
     &__heading--has-highlight {
         max-width: calc(100% - 5.125rem);
     }
 
+    &__image-container {
+        display: block;
+    }
+
     &__highlight {
         @include typography.font-size(14);
         aspect-ratio: 1 / 1;

diff --git a/templates/includes/footer.html b/templates/includes/footer.html
@@ -7,6 +7,7 @@
 </div>
 
 <footer class="tna-footer tna-!--margin-top-xl">
+    <div class="tna-footer__inner">
     <div class="tna-container">
       <div class="tna-column tna-column--flex-1 tna-column--width-1-2-medium tna-column--full-small tna-column--full-tiny tna-column--order-1">
       <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" class="tna-logo" viewBox="0 0 160 160" width="96" height="96">
@@ -242,4 +243,5 @@ <h3 class="tna-footer__navigation-block-heading tna-heading-m">
           </a>
       </div>
   </div>
+  </div>
 </footer>