Balance padding with window controls

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 (

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;
       }
     `}