From 4571b03eb44dd9ddbaf00bb18c2764879c01655e Mon Sep 17 00:00:00 2001
From: Jake Dexheimer <jakedex@gmail.com>
Date: Fri, 14 Dec 2018 10:58:03 -0500
Subject: [PATCH] clean up menu controls position, about page

---
 components/Carbon.js         | 1 +
 components/WindowControls.js | 6 +++---
 components/svg/Controls.js   | 2 +-
 pages/about.js               | 7 +++++--
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/components/Carbon.js b/components/Carbon.js
index a5648bd..baf3c29 100644
--- a/components/Carbon.js
+++ b/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};
diff --git a/components/WindowControls.js b/components/WindowControls.js
index 3f1f286..2942473 100644
--- a/components/WindowControls.js
+++ b/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;
         }
 
diff --git a/components/svg/Controls.js b/components/svg/Controls.js
index 36a5d0b..68d8799 100644
--- a/components/svg/Controls.js
+++ b/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" />
diff --git a/pages/about.js b/pages/about.js
index 78d93d7..7632031 100644
--- a/pages/about.js
+++ b/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 {