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

@@ -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>

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;