Add small improvements to IE styles

nationalarchives · Aug 30, 2024 · 788256d · 788256d
1 parent 55491bb
commit 788256d
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/src/nationalarchives/ie.scss b/src/nationalarchives/ie.scss
@@ -1,10 +1,11 @@
 /* stylelint-disable */
 
+@use "tools/media";
+
 .tna-global-header__logo--link,
 .tna-global-header__navigation-item-link,
 .tna-header__logo-contents--link,
-.tna-header__navigation-item-link,
-.tna-header__top-navigation-item-link {
+.tna-header__navigation-item-link {
   &,
   &:link,
   &:visited {
@@ -16,13 +17,22 @@
   border-bottom: 0.5px rgba(255, 255, 255, 0.5) solid;
 }
 
+@include media.on-larger-than-mobile {
+  .tna-header__navigation-item {
+    & + & {
+      margin-left: 2rem;
+    }
+  }
+}
+
 .tna-global-header__top-navigation-item {
   & + & {
     margin-left: 2rem;
   }
 }
 
-.tna-global-header__top-navigation-link {
+.tna-global-header__top-navigation-link,
+.tna-header__top-navigation-item-link {
   &,
   &:link,
   &:visited {
@@ -48,6 +58,10 @@
   }
 }
 
+.tna-columns {
+  column-count: 1 !important;
+}
+
 .tna-breadcrumbs {
   &__link {
     color: #343338;
@@ -79,6 +93,10 @@
   }
 }
 
+.tna-form__group {
+  display: block;
+}
+
 .tna-form__group-contents {
   flex: none;
 }