From 3a84948ce5d086f1ffc9f8c8a57b33d6ef883a5d Mon Sep 17 00:00:00 2001
From: Jake Dexheimer <jakedex@gmail.com>
Date: Sun, 18 Jun 2017 21:56:45 -0700
Subject: [PATCH] Balance padding with window controls

---
 components/CodeImage.js    | 3 ++-
 components/svg/Controls.js | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/CodeImage.js b/components/CodeImage.js
index f5a251c..6fb8dcc 100644
--- a/components/CodeImage.js
+++ b/components/CodeImage.js
@@ -34,7 +34,8 @@ const CodeImage = (props) => {
   // create styles
   const containerStyle = {
     background: config.background,
-    padding: `${config.paddingVertical} ${config.paddingHorizontal}`
+    padding: `${config.paddingVertical} ${config.paddingHorizontal}`,
+    paddingTop: `calc(${config.paddingVertical} - 19px)` // TODO fix hack: accomodates for space taken up by window controls
   }
 
   return (
diff --git a/components/svg/Controls.js b/components/svg/Controls.js
index 6464e4b..5d0a08b 100644
--- a/components/svg/Controls.js
+++ b/components/svg/Controls.js
@@ -11,9 +11,9 @@ export default () => (
     </svg>
     <style jsx>{`
       div {
-        position: absolute;
+        position: relative;
+        top: +30px;
         margin-left: 18px;
-        margin-top: 12px;
         z-index: 1;
       }
     `}