diff --git a/components/03_Organisms/footer/_footer.scss b/components/03_Organisms/footer/_footer.scss
index 6ad75ea..a6006fa 100644
--- a/components/03_Organisms/footer/_footer.scss
+++ b/components/03_Organisms/footer/_footer.scss
@@ -72,13 +72,6 @@ $-primary-line-color: $-almost-white;
width: calc(100% - 20px)
}
- &__social-overlap {
- position: relative;
- z-index: 2;
- background: $-grey;
- padding: 0 20px;
- }
-
// Include social media icons.
.LP-Footer__Social-Mastodon {
.LP-Footer__Icon {
@@ -155,12 +148,16 @@ $-primary-line-color: $-almost-white;
padding: 0px 20px
}
- &__social-overlap > a {
- font-size: 3em
+ &__social-overlap {
+ position: relative;
+ z-index: 2;
+ background: $-grey;
+ padding: 0 10px;
}
- &__social-overlap > a:not(:first-child) {
- margin-left: 0.38em
+ &__social-overlap > a {
+ font-size: 3em;
+ padding-right: 50px;
}
&__bottom-section {
@@ -191,7 +188,8 @@ $-primary-line-color: $-almost-white;
font-size: 2.5em
}
.LP-Footer__social-overlap > a {
- font-size: 2.24em
+ font-size: 2.24em;
+ height: 50px;
}
.LP-Footer__bottom-wrapper {
font-size: 1.3em
@@ -221,13 +219,14 @@ $-primary-line-color: $-almost-white;
.LP-Footer__social-overlap {
display: flex;
justify-content: center;
+ height: 50px;
}
.LP-Footer__social-icons-wrapper {
width: 100%;
padding: 0
}
- .LP-Footer__social-overlap > a:not(:first-child) {
- margin-left: 20px;
+ .LP-Footer__social-overlap {
+ margin-left: 0px;
}
.LP-Footer__bottom-section {
padding: 0 5px 10px 5px
diff --git a/components/03_Organisms/footer/footer.hbs b/components/03_Organisms/footer/footer.hbs
index 89f4bfa..dbd0e89 100644
--- a/components/03_Organisms/footer/footer.hbs
+++ b/components/03_Organisms/footer/footer.hbs
@@ -33,27 +33,23 @@
-