diff --git a/assets/sass/anchorlink.scss b/assets/sass/anchorlink.scss index b737c11f..dcb77cf5 100644 --- a/assets/sass/anchorlink.scss +++ b/assets/sass/anchorlink.scss @@ -1,10 +1,16 @@ .a-anchorlink { display: flex; flex-wrap: wrap; + margin-bottom: 1.2rem; + align-items: center; + column-gap: .8rem; +} + +.a-anchorlink > h2 { + margin-bottom: 0; } -.a-anchorlink::before { - content: ""; +.o-divider { display: block; width: 100%; margin: 2rem 0; @@ -13,6 +19,11 @@ background-repeat: no-repeat; height: 2.4rem; opacity: 50%; + border-top: 0; + + @media print { + margin: 0; + } } .a-anchorlink__link { @@ -21,7 +32,6 @@ height: 3.2rem; align-items: center; justify-content: center; - margin-left: .8rem; border-radius: var(--border-radius-s); opacity: .8; text-decoration: none; diff --git a/assets/sass/print.scss b/assets/sass/print.scss index 8e4b1448..6148e450 100644 --- a/assets/sass/print.scss +++ b/assets/sass/print.scss @@ -10,10 +10,6 @@ color: var(--bs-body-color); } - .a-anchorlink::before { - margin: 0; - } - p { margin-bottom: 1rem; } diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss index 8bcda27e..ef2f0d47 100644 --- a/assets/sass/styles.scss +++ b/assets/sass/styles.scss @@ -172,6 +172,7 @@ img { justify-content: space-between; flex-flow: wrap; column-gap: 2rem; + row-gap: 1rem; margin-bottom: 1.6rem; align-items: center; diff --git a/layouts/country/single.html b/layouts/country/single.html index b1ae4bac..91004434 100644 --- a/layouts/country/single.html +++ b/layouts/country/single.html @@ -17,9 +17,7 @@