From d617ab6662dee0a1dc7b882e931c0884132e7621 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Sj=C3=B6lander?= <emilsj@fb.com>
Date: Thu, 15 Feb 2018 09:09:54 -0800
Subject: [PATCH] Tweak footer styling

Reviewed By: priteshrnandgaonkar

Differential Revision: D6999652

fbshipit-source-id: 93f4e43894388bb607112691a0b97e2e12a7df23
---
 website/src/components/Footer.css  | 51 ++++++++++++++++++++----------
 website/src/components/Footer.js   |  2 +-
 website/src/components/Toolbar.css |  1 -
 3 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/website/src/components/Footer.css b/website/src/components/Footer.css
index 62888bd7..305040eb 100644
--- a/website/src/components/Footer.css
+++ b/website/src/components/Footer.css
@@ -9,38 +9,57 @@
 
 .Footer {
   display: flex;
-  padding: 10px 15px;
+  padding: 20px 15px;
   z-index: 4;
   align-items: center;
-  justify-content: space-between;
   background-color: white;
-  border-top: 1px solid #6BCEBB;
-  flex-wrap: wrap;
 }
 
 .Footer svg {
-    width: 30px;
-    height: 30px;
+  width: 30px;
+  height: 30px;
 }
 
 .Footer svg path {
-    fill: #6BCEBB;
+  fill: #606770;
 }
 
 .Footer .logoOSS {
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    color: #6BCEBB;
+  display: flex;
+  align-items: center;
+  color: #606770;
+}
+
+.Footer .logoOSS svg {
+  margin-right: 20px;
 }
 
 .Footer a {
-    margin: 0 10px;
-    color: #6BCEBB;
+  margin: 0 15px;
+  color: #606770;
+  font-weight: 700;
+}
+
+.Footer a:hover {
+  color: #6BCEBB;
 }
 
 .Footer .SocialNetwork {
-    display: flex;
-    align-items: center;
-    text-decoration: none;
+  display: flex;
+  margin-left: auto;
 }
+
+@media only screen and (max-width: 576px) {
+  .Footer {
+    padding: 10px 5px;
+  }
+
+  .Footer .logoOSS svg {
+    margin-right: 10px;
+  }
+
+  .Footer a {
+    margin: 0 10px;
+    font-size: 12px;
+  }
+}
\ No newline at end of file
diff --git a/website/src/components/Footer.js b/website/src/components/Footer.js
index a9c7c807..288daaf3 100644
--- a/website/src/components/Footer.js
+++ b/website/src/components/Footer.js
@@ -25,7 +25,7 @@ export default class Footer extends Component<{}> {
           Facebook Open Source
         </a>
         <div className="SocialNetwork">
-          <a href="https://github.com/facebook/yoga">Github</a>
+          <a href="https://github.com/facebook/yoga">GitHub</a>
           <a href="https://twitter.com/yogalayout">Twitter</a>
         </div>
       </div>
diff --git a/website/src/components/Toolbar.css b/website/src/components/Toolbar.css
index 82b366a0..2840f249 100644
--- a/website/src/components/Toolbar.css
+++ b/website/src/components/Toolbar.css
@@ -22,7 +22,6 @@
 .Toolbar .logo {
   display: flex;
   align-items: center;
-  text-decoration: none;
 }
 
 .Toolbar a {