From 7993f0f257460310d1417fd319c80f19c3a3cede Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Thu, 10 Mar 2022 21:50:03 +1100
Subject: [PATCH] fix #28: overlap b/w tabs and macos window buttons

---
 repo/tabs/rendererIndex.cjs | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/repo/tabs/rendererIndex.cjs b/repo/tabs/rendererIndex.cjs
index 0544955..8a5a5b1 100644
--- a/repo/tabs/rendererIndex.cjs
+++ b/repo/tabs/rendererIndex.cjs
@@ -10,7 +10,7 @@ module.exports = async function (api, db, __exports, __eval) {
   const url = require('url'),
     electron = require('electron'),
     electronWindow = electron.remote.getCurrentWindow(),
-    { components, web } = api;
+    { components, web, env } = api;
 
   window['__start'] = async () => {
     // display:none; to prevent content flash while css loads
@@ -28,6 +28,9 @@ module.exports = async function (api, db, __exports, __eval) {
       $windowActions = web.html`<div id="window-actions"></div>`;
     document.body.prepend(web.render($header, $tabs, $newTab, $windowActions));
 
+    // make space for native window buttons on mac
+    if (env.name === 'darwin') $tabs.style.paddingLeft = '72px';
+
     $newTab.addEventListener('click', () => new Tab($tabs, $root));
     electron.ipcRenderer.on('notion-enhancer:close-tab', (event, id) => {
       const tab = tabCache.get(id);