titlebar fix for unsupported platforms (linux etc)

src/index.css

@@ -42,6 +42,7 @@
   .window-controls {
     border-radius: 5px;
     overflow: hidden;
+    display: none;
   }
 
   .win-window-control {
@@ -61,7 +62,7 @@
     background-color: rgba(255, 90, 82, 1);
   }
 
-  .win-window-control#win-close-button:hover > svg > polygon {
+  .win-window-control#win-close-button:hover>svg>polygon {
     fill: #f5f5f5;
   }
 

src/index.html

@@ -115,7 +115,7 @@ <h2 class="mb-8 text-4xl font-black text-gray-700">No <span class="text-indigo-5
   <div id="drag-region" class="flex flex-col h-full">
 
     <!-- Tab bar with the "create tab" and "more menu" buttons, as well as window controls -->
-    <div id="titlebar" class="flex items-center mt-2 pr-0 h-7">
+    <div id="titlebar" class="flex items-center mt-2 h-7">
       <div id="window-controls-mac" class="window-controls flex items-center mx-2">
         <button id="mac-close-button" class="flex items-center justify-center cursor-default w-3 h-3 mac-window-control mx-1"></button>
         <button id="mac-minimize-button" class="flex items-center justify-center cursor-default w-3 h-3 mac-window-control mx-1"></button>

src/js/startup.js

@@ -17,27 +17,27 @@ window.ipc.send('toMain', 'platform');
 window.ipc.on('platform', (data) => {
   const platform = data.platform;
 
+  // get control containers so they can be hidden or shown based on platform
+  const winControls = byId('window-controls-win');
+  const macControls = byId('window-controls-mac');
+
+  const titlebar = byId('titlebar');
+
+  winControls.style.display = 'none';
+  macControls.style.display = 'none';
+
   // ignore if not on a supported platform
   if (platform === 'win32' || platform === 'darwin') {
     // get prefix for controls
     const prefix = platform === 'darwin' ? 'mac' : 'win';
-    const titlebar = byId('titlebar');
-
-    // add padding if on windows
-    if (platform === 'win32') {
-      titlebar.classList.add('pl-4');
-    }
-
-    // get control containers so they can be hidden or shown based on platform
-    const winControls = byId('window-controls-win');
-    const macControls = byId('window-controls-mac');
 
     if (platform === 'darwin') {
-      winControls.style.display = 'none';
       macControls.style.display = 'flex';
     } else {
       winControls.style.display = 'flex';
-      macControls.style.display = 'none';
+
+      // add padding on windows
+      titlebar.classList.add('px-4', 'pr-0');
     }
 
     // get control buttons
@@ -69,6 +69,9 @@ window.ipc.on('platform', (data) => {
         svg.innerHTML = maximized ? winRestoreSvg : winMaximizeSvg;
       }
     });
+  } else {
+    // add padding if on unsupported platform
+    titlebar.classList.add('px-4');
   }
 });