From 96f7a192d7ba823f219aa0d02d1c421ec23b603c Mon Sep 17 00:00:00 2001
From: James Robinson <jrobind@outlook.com>
Date: Fri, 1 Jun 2018 09:01:35 +0100
Subject: [PATCH] fix landing page contribute and social media buttons
 misalignment in IE (#10408)

---
 website/client/components/appFooter.vue | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/website/client/components/appFooter.vue b/website/client/components/appFooter.vue
index baed4e411e..e7d85d3a72 100644
--- a/website/client/components/appFooter.vue
+++ b/website/client/components/appFooter.vue
@@ -161,19 +161,14 @@
     height: 40px;
     border-radius: 50%;
     background-color: #c3c0c7;
-    display: inline-block;
+    display: flex;
     margin-left: 1em;
     float: right;
 
     .social-icon {
       color: #e1e0e3;
       width: 16px;
-      margin: 0 auto;
-      margin-top: 1em;
-    }
-
-    .facebook {
-      margin-top: .7em;
+      margin: auto;
     }
 
     .instagram {
@@ -201,7 +196,12 @@
     box-shadow: none;
     border-radius: 4px;
 
+    a {
+      display: flex;
+    }
+
     .heart {
+      max-height: 25px;
       width: 18px;
       margin-right: .5em;
       margin-bottom: .2em;
@@ -215,6 +215,10 @@
 </style>
 
 <style lang="scss">
+  .heart svg {
+    margin-top: .1em;
+  }
+
   .facebook svg {
     width: 10px;
     margin: 0 auto;