Tweak youtube icon and social media bar component

socreatory · Nov 18, 2024 · 401015d · 401015d
1 parent 4b1fa03
commit 401015d
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/lib/assets/images/icons/info.svg b/lib/assets/images/icons/info.svg
diff --git a/lib/components/footer/footer.md b/lib/components/footer/footer.md
@@ -13,9 +13,9 @@ description: Footer
                 <h2 class="footer__headline">Folge uns auf</h2>
                 <ul class="social-media-bar">
                     <li class="social-media-bar__item">
-                        <a href="#" class="social-media-bar__link" title="Twitter">
-                            <span class="icon icon--twitter icon--brand-primary"></span>
-                            <span class="sr-only">Twitter</span>
+                        <a href="#" class="social-media-bar__link" title="Yotube">
+                            <span class="icon icon--youtube icon--brand-primary"></span>
+                            <span class="sr-only">Youtubr</span>
                         </a>
                     </li>
                     <li class="social-media-bar__item">

diff --git a/lib/components/icons/_icons.scss b/lib/components/icons/_icons.scss
@@ -44,7 +44,7 @@
 }
 
 .icon--youtube {
-  @include icon-before("icons/social-youtube.svg", $brand-black, 1.5rem);
+  @include icon-before("icons/social-youtube.svg", $brand-black, 1.8rem);
 }
 
 .icon--twitter {

diff --git a/lib/components/social-media-bar/_social-media-bar.scss b/lib/components/social-media-bar/_social-media-bar.scss
@@ -8,7 +8,9 @@
 }
 
 .social-media-bar__item {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .social-media-bar__link {