From 3bd0c8e70a255b20b1290178c04524a897716afa Mon Sep 17 00:00:00 2001
From: Mathias Schopmans <mathias.schopmans@aoe.com>
Date: Thu, 6 Apr 2017 16:08:29 +0200
Subject: [PATCH] Fix BEM modifier in footer-end

---
 js/components/FooterEnd.js      |  2 +-
 styles/components/footerend.css | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/js/components/FooterEnd.js b/js/components/FooterEnd.js
index 714f9b0..bd05a0f 100644
--- a/js/components/FooterEnd.js
+++ b/js/components/FooterEnd.js
@@ -4,7 +4,7 @@ import { getItemPageNames, isMobileViewport } from '../../common/config';
 
 export default function FooterEnd({ items, pageName }) {
   return (
-        <div className={classNames('footer-end', {'footer-end-left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
+        <div className={classNames('footer-end', {'footer-end--left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
             <div className="footer-social">
                 <div className="footer-social__label">
                     <p>Follow us:</p>
diff --git a/styles/components/footerend.css b/styles/components/footerend.css
index f4b440b..f84edde 100644
--- a/styles/components/footerend.css
+++ b/styles/components/footerend.css
@@ -11,6 +11,12 @@
     color: var(--color-gray-normal);
   }
 
+  &--left {
+    flex-direction: column;
+    align-items: flex-start;
+    margin-top: 100px;
+  }
+
   @media (--until-sm) {
     flex-direction: column;
     align-items: center;
@@ -18,11 +24,6 @@
   }
 }
 
-.footer-end-left {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
 .footer-social {
   display: flex;
   flex-direction: row;