From 6c9d62c5daac8ab703edf62f28ec723948d42e9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20B=C3=BCchele?= <danielbuechele@fb.com>
Date: Tue, 30 Apr 2019 02:55:02 -0700
Subject: [PATCH] Fix CSS on landing page

Summary: fixing layout bug due to docusaurus upgrade

Reviewed By: passy

Differential Revision: D15122111

fbshipit-source-id: 7ecbbb34322d38f9da55bcad2e838067f83f8376
---
 website/core/Footer.js        |  1 -
 website/static/css/custom.css | 27 +++++++++++++++------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/website/core/Footer.js b/website/core/Footer.js
index b1ff6ec8b..661aae22e 100644
--- a/website/core/Footer.js
+++ b/website/core/Footer.js
@@ -29,7 +29,6 @@ class Footer extends React.Component {
                 alt="Flipper mascot"
                 title="I'm a dolphin not a whale!"
                 width="66"
-                height="58"
               />
             )}
           </a>
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index ac32894c6..ee6690b51 100644
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -11,6 +11,10 @@ h6 {
     '.SFNSText-Regular', 'Helvetica Neue', Helvetica, sans-serif;
 }
 
+.headerTitleWithLogo {
+  font-weight: 400;
+}
+
 .splash {
   min-height: 700px;
   background: linear-gradient(#121020, #21233e);
@@ -101,7 +105,7 @@ h6 {
 .content.row {
   display: flex;
   flex-direction: row;
-  margin: 80px auto;
+  margin: 60px auto;
 }
 
 .content .col {
@@ -115,9 +119,11 @@ h6 {
   font-size: 28px;
   font-weight: 300;
   margin-bottom: 20px;
+  margin-top: 0;
 }
 
 .col h4 {
+  margin: 0;
   font-weight: 500;
   font-size: 0.8em;
   opacity: 0.7;
@@ -167,10 +173,6 @@ nav.toc .toggleNav .navGroup.navGroupActive h3 {
   width: 100%;
 }
 
-.docsNavContainer {
-  margin-top: 65px;
-}
-
 a.learnmore {
   display: inline-block;
   margin-top: 10px;
@@ -181,7 +183,7 @@ a.learnmore:hover {
   opacity: 0.7;
 }
 
-nav.toc .toggleNav ul li a.navItemActive {
+.toc .toggleNav ul li.navListItemActive a {
   color: $actionColor;
   opacity: 1;
 }
@@ -248,11 +250,11 @@ pre code {
   border: 0;
 }
 
-.mainContainer article table td:nth-child(1){
+.mainContainer article table td:nth-child(1) {
   width: 15%;
   min-width: 140px;
 }
-.mainContainer article table td:nth-child(2){
+.mainContainer article table td:nth-child(2) {
   width: 25%;
 }
 table tr {
@@ -269,7 +271,8 @@ table tr th {
   text-transform: none;
 }
 
-table tr th code, table tr td code {
+table tr th code,
+table tr td code {
   background: none;
   margin: 0;
   color: inherit;
@@ -357,7 +360,7 @@ footer iframe {
 }
 
 .warning {
-    background-color: rgb(253, 245, 212);
-    border-left: 4px solid rgb(241, 196, 15);
-    padding: 12px;
+  background-color: rgb(253, 245, 212);
+  border-left: 4px solid rgb(241, 196, 15);
+  padding: 12px;
 }