Tweak footer styling

Reviewed By: priteshrnandgaonkar

Differential Revision: D6999652

fbshipit-source-id: 93f4e43894388bb607112691a0b97e2e12a7df23

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;
+  width: 30px;
-    height: 30px;
+  height: 30px;
 }
 
 .Footer svg path {
-    fill: #6BCEBB;
+  fill: #606770;
 }
 
 .Footer .logoOSS {
-    display: flex;
+  display: flex;
-    align-items: center;
+  align-items: center;
-    text-decoration: none;
+  color: #606770;
-    color: #6BCEBB;
+}
+
+.Footer .logoOSS svg {
+  margin-right: 20px;
 }
 
 .Footer a {
-    margin: 0 10px;
+  margin: 0 15px;
-    color: #6BCEBB;
+  color: #606770;
+  font-weight: 700;
+}
+
+.Footer a:hover {
+  color: #6BCEBB;
 }
 
 .Footer .SocialNetwork {
-    display: flex;
+  display: flex;
-    align-items: center;
+  margin-left: auto;
-    text-decoration: none;
+}
+
+@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;
+  }
 }

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>

website/src/components/Toolbar.css

@@ -22,7 +22,6 @@
 .Toolbar .logo {
   display: flex;
   align-items: center;
-  text-decoration: none;
 }
 
 .Toolbar a {