From e0cdc9f0bb896a0bf779c40110bcbe9ba7ae5e05 Mon Sep 17 00:00:00 2001
From: Andrew <andrewzambazos@gmail.com>
Date: Wed, 13 Aug 2025 10:09:46 +1200
Subject: [PATCH] Moved tab position to not conflict with traffic lights on
 MacOS

---
 .gitignore         |  1 +
 package-lock.json  | 22 +++++++++++++++++++++-
 package.json       |  5 +++--
 renderer/style.css | 10 +++++++++-
 4 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index e70b61b..ef20e1f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -84,3 +84,4 @@ typings/
 .idea/
 site-history.json
 site-history.json
+site-history.json
diff --git a/package-lock.json b/package-lock.json
index 37a7f38..a727434 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,8 @@
       "license": "ISC",
       "devDependencies": {
         "electron": "^37.2.4",
-        "electron-builder": "^23.0.0"
+        "electron-builder": "^23.0.0",
+        "electron-nightly": "^39.0.0-nightly.20250811"
       }
     },
     "node_modules/@develar/schema-utils": {
@@ -1470,6 +1471,25 @@
         "node": ">= 10.0.0"
       }
     },
+    "node_modules/electron-nightly": {
+      "version": "39.0.0-nightly.20250811",
+      "resolved": "https://registry.npmjs.org/electron-nightly/-/electron-nightly-39.0.0-nightly.20250811.tgz",
+      "integrity": "sha512-WXL3vsoEZjtZCrgxgoBx7+pZYFz5LqKakO5ndkxnCZdDOGcHgPZ++DRVuoWIkL1yDW+ksIEJ/3kc/2gLN6llyQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/get": "^2.0.0",
+        "@types/node": "^22.7.7",
+        "extract-zip": "^2.0.1"
+      },
+      "bin": {
+        "electron": "cli.js"
+      },
+      "engines": {
+        "node": ">= 12.20.55"
+      }
+    },
     "node_modules/electron-osx-sign": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/electron-osx-sign/-/electron-osx-sign-0.6.0.tgz",
diff --git a/package.json b/package.json
index 84c13d0..cf55a64 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
   "description": "",
   "devDependencies": {
     "electron": "^37.2.4",
-    "electron-builder": "^23.0.0"
+    "electron-builder": "^23.0.0",
+    "electron-nightly": "^39.0.0-nightly.20250811"
   },
   "build": {
     "appId": "com.andrewzambazos.nebula",
@@ -28,4 +29,4 @@
       "icon": "assets/images/Logos/Nebula-Favicon.png"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/renderer/style.css b/renderer/style.css
index 7f1955e..dd6dc21 100644
--- a/renderer/style.css
+++ b/renderer/style.css
@@ -7,12 +7,20 @@ html, body {
   font-family: 'Segoe UI', sans-serif;
 }
 
+/* Global variables */
+:root {
+  /* Space reserved on the left for system window controls (traffic lights on macOS).
+     Applied cross-platform per request to keep a consistent layout. */
+  --window-controls-offset: 80px; /* adjust if needed */
+}
+
 /* TAB STRIP */
 #tab-bar {
   display: flex;
   align-items: flex-end;
   gap: 2px;
-  padding: 2px 6px 0 6px; /* slimmer top padding */
+  /* Increase left padding to avoid overlap with OS window controls area */
+  padding: 2px 6px 0 var(--window-controls-offset);
   background: #1b1c20; /* strip background like modern browsers */
   border-bottom: 1px solid #2a2c33; /* hairline under tabs */
   overflow-x: auto; /* scroll when many tabs */