From ff13fc48357853b2e5701a547d8236b8c28d2a99 Mon Sep 17 00:00:00 2001
From: Berkeley Martinez <Berkeley@robotie.com>
Date: Thu, 28 Jul 2016 23:28:59 -0700
Subject: [PATCH] Fix(layout): use specific body css tag for react

---
 client/less/main.less          | 5 +++++
 server/views/layout-react.jade | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/less/main.less b/client/less/main.less
index 3bfdb42da9..7839a7ea92 100644
--- a/client/less/main.less
+++ b/client/less/main.less
@@ -67,6 +67,11 @@ body.no-top-and-bottom-margins {
   margin: 75px 20px 0px 20px;
 }
 
+body.react-layout {
+  margin-top: 75px;
+  margin-bottom: 0px;
+}
+
 h1, h2 {
   font-weight: 400;
 }
diff --git a/server/views/layout-react.jade b/server/views/layout-react.jade
index ed47bf680b..d4a23e8a31 100644
--- a/server/views/layout-react.jade
+++ b/server/views/layout-react.jade
@@ -6,7 +6,7 @@ html(lang='en')
     else
       title Free Code Camp
     include partials/react-stylesheets
-  body.container.no-top-and-bottom-margins(style='overflow: hidden')
+  body.container.react-layout(style='overflow: hidden')
     #fcc!= markup
     script!= state
     script.