From bb34137d8ddb88a97bcb4a7fa19439f63dd04433 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Sun, 26 Feb 2017 02:00:18 +0900
Subject: [PATCH] Fix regression of about:styles

Fixes #7201

including
- aphrodite/no-important

Auditors:

Test Plan:
1. Open about:styles
2. Make sure the code snippets of TextArea and DefaultTextArea are no longer unstyled
---
 js/about/styles.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/js/about/styles.js b/js/about/styles.js
index 078b5126cff..112d0928c5a 100644
--- a/js/about/styles.js
+++ b/js/about/styles.js
@@ -4,7 +4,7 @@
 
 const React = require('react')
 const ImmutableComponent = require('../components/immutableComponent')
-const {StyleSheet, css} = require('aphrodite')
+const {StyleSheet, css} = require('aphrodite/no-important')
 const globalStyles = require('../../app/renderer/components/styles/global')
 
 // Stylesheets go here
@@ -87,23 +87,23 @@ class AboutStyle extends ImmutableComponent {
         </Code></Pre>
       </Container>
 
-      <div className='container'>
+      <Container>
         <h2>Plain textarea</h2>
         <TextArea placeholder='TextArea' />
-        <pre><code>
+        <Pre><Code>
           const { '{TextArea}' } = require('../../app/renderer/components/textbox'){'\n'}
           &lt;TextArea />
-        </code></pre>
-      </div>
+        </Code></Pre>
+      </Container>
 
-      <div className='container'>
+      <Container>
         <h2>Default textarea; font size is specified</h2>
         <DefaultTextArea placeholder='DefaultTextArea' />
-        <pre><code>
+        <Pre><Code>
           const { '{DefaultTextArea}' } = require('../../app/renderer/components/textbox'){'\n'}
           &lt;DefaultTextArea />
-        </code></pre>
-      </div>
+        </Code></Pre>
+      </Container>
 
       <hr />