clean up menu controls position, about page

components/Carbon.js

@@ -211,6 +211,7 @@ class Carbon extends React.PureComponent {
               height: auto;
               min-width: inherit;
               padding: 18px 18px;
+              padding-left: 12px;
               ${config.lineNumbers ? 'padding-left: 12px;' : ''} border-radius: 5px;
               font-family: ${config.fontFamily}, monospace !important;
               font-size: ${config.fontSize};

components/WindowControls.js

@@ -53,11 +53,11 @@ export default ({ titleBar, theme, handleTitleBarChange, copyable, code }) => (
     )}
     <style jsx>
       {`
-        div {
+        .window-controls {
           margin-top: -24px;
           position: relative;
-          top: 34px;
-          margin-left: 18px;
+          top: ${theme === 'bw' ? 36 : 34}px;
+          margin-left: ${theme === 'bw' ? 16 : 14}px;
           z-index: 2;
         }
 

components/svg/Controls.js

@@ -11,7 +11,7 @@ export const Controls = () => (
 )
 
 export const ControlsBW = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="54" height="16" viewBox="0 0 54 14">
+  <svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14">
     <g fill="none" fillRule="evenodd" stroke="#878787" transform="translate(1 1)">
       <circle cx="6" cy="6" r="6" />
       <circle cx="26" cy="6" r="6" />

pages/about.js

@@ -1,6 +1,5 @@
 import React from 'react'
 import Page from '../components/Page'
-import { COLORS } from '../lib/constants'
 
 export default () => (
   <Page>
@@ -66,9 +65,13 @@ export default () => (
     </div>
     <style jsx>
       {`
+        h4 {
+          font-weight: 600;
+        }
+
         p,
         li {
-          color: ${COLORS.GRAY};
+          color: #fff;
         }
 
         span {