From e4300d951c3213dc09dea78ece4c05674f2c39e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20O=E2=80=99Shannessy?= <paul@oshannessy.com>
Date: Sat, 10 Oct 2015 19:11:26 -0700
Subject: [PATCH] Merge pull request #5123 from vipulnsward/fix-html-jsx-page

- Bring back JSX compiler styling still being used on HTML JSX page
(cherry picked from commit 0b21632f8e2fed9e1a83909faff8c299fa77f000)
---
 docs/css/react.scss | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/docs/css/react.scss b/docs/css/react.scss
index 3400c9af9ae9e..237c430843e0b 100644
--- a/docs/css/react.scss
+++ b/docs/css/react.scss
@@ -390,6 +390,38 @@ h1, h2, h3, h4, h5, h6 {
   @include clearfix;
 }
 
+/* JSX Compiler */
+
+.jsxCompiler {
+  margin: 0 auto;
+  padding-top: 20px;
+  width: 1220px;
+
+  label.compiler-option {
+    display: block;
+    margin-top: 5px;
+  }
+
+  #jsxCompiler {
+    margin-top: 20px;
+  }
+
+  .playgroundPreview {
+    padding: 0;
+    width: 600px;
+
+    pre {
+      @include code-typography;
+    }
+  }
+
+  .playgroundError {
+    // The compiler view kills padding in order to render the CodeMirror code
+    // more nicely. For the error view, put a padding back
+    padding: 15px 20px;
+  }
+}
+
 .docs-prev {
   float: left;
 }