move window control styling into component

components/svg/controls.js

@@ -1,6 +1,7 @@
 import React from 'react'
 
 export default () => (
+  <div>
     <svg xmlns="http://www.w3.org/2000/svg" width="54" height="14" viewBox="0 0 54 14">
       <g fill="none" fillRule="evenodd" transform="translate(1 1)">
         <circle cx="6" cy="6" r="6" fill="#FF5F56" stroke="#E0443E" strokeWidth=".5"/>
@@ -8,4 +9,13 @@ export default () => (
         <circle cx="46" cy="6" r="6" fill="#27C93F" stroke="#1AAB29" strokeWidth=".5"/>
       </g>
     </svg>
+    <style jsx>{`
+      div {
+        position: absolute;
+        margin-left: -2px;
+        margin-top: -14px;
+      }
+    `}
+    </style>
+  </div>
 )