improve width

nikgraf · nikgraf · commit a292ffcf2c29 · 2016-03-15T20:59:35.000-07:00
diff --git a/site/components/App/index.js b/site/components/App/index.js
@@ -105,7 +105,7 @@ export default class App extends Component {
           </div>
         </div>
         <div className={ styles.pluginsWrapper }>
-          <div className={ styles.container }>
+          <div className={ styles.wideContainer }>
             <ul className={ styles.plugins }>
               <li className={ styles.plugin }>Mention</li>
               <li className={ styles.plugin }>Linkify</li>
diff --git a/site/components/App/styles.css b/site/components/App/styles.css
@@ -17,12 +17,17 @@
 
 .container {
   min-width: 300px;
-  max-width: 800px;
+  max-width: 640px;
   margin: 0 auto;
   padding-left: 15px;
   padding-right: 15px;
 }
 
+.wideContainer {
+  composes: container;
+  max-width: 800px;
+}
+
 .containerWrapper {
   border-bottom: 1px solid #ddd;
   padding-bottom: 3rem;
