Moved tab position to not conflict with traffic lights on MacOS

.gitignore

@@ -84,3 +84,4 @@ typings/
 .idea/
 site-history.json
 site-history.json
+site-history.json

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",

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",

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 */