[Gatsby Docs Update] Error column fixes (#10886)

* Code example error block styling fixes * ran prettier
facebook · Sep 27, 2017 · 725ce35 · 725ce35
1 parent 6a2d759
commit 725ce35
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/www/src/components/CodeEditor/CodeEditor.js b/www/src/components/CodeEditor/CodeEditor.js
@@ -137,10 +137,12 @@ class CodeEditor extends Component {
             {error &&
               <div
                 css={{
-                  flex: '0 0 70%',
+                  flex: '0 0 30%',
                   overflow: 'hidden',
                   border: `1px solid ${colors.error}`,
                   borderRadius: '0 10px 10px 0',
+                  fontSize: 12,
+                  lineHeight: 1.5,
 
                   [media.lessThan('small')]: {
                     borderRadius: '0 0 10px 10px',
@@ -152,7 +154,12 @@ class CodeEditor extends Component {
                     background: colors.error,
                     color: colors.white,
                   }}>
-                  <MetaTitle>Error</MetaTitle>
+                  <MetaTitle
+                    cssProps={{
+                      color: colors.white,
+                    }}>
+                    Error
+                  </MetaTitle>
                 </div>
                 <pre
                   css={{