Layout changes

electron.js

@@ -25,9 +25,9 @@ function createWindow() {
   loadUiSettings();
 
   // Create the browser window.
-  const height = (process.env.ELECTRON_START_URL ? 402 : 382) - (os.platform() === 'win32' ? 0 : 20);
+  const height = (process.env.ELECTRON_START_URL ? 400 : 380) - (os.platform() === 'win32' ? 0 : 24);
   mainWindow = new BrowserWindow({
-    width: 425 + (os.platform() === 'win32' ? 0 : 130),
+    width: 428 + (os.platform() === 'win32' ? 0 : 120),
     height: height,
     resizable: false,
     show: !launchHidden,

src/index.css

@@ -14,11 +14,13 @@
   --heading_text_color: rgba(161, 190, 219, 0.7);
   --heading_other_text_color: var(--heading_text_color);
   --text_color_transition: color 0.3s;
+
+  --default_font_size: 4vmin
 }
 
 * {
   font-family: 'Nunito', sans-serif;
-  font-size: 4vmin;
+  font-size: var(--default_font_size);
 }
 
 *::-moz-focus-inner {

src/index.js

@@ -11,6 +11,10 @@ if (!process.versions.hasOwnProperty('electron')) {
   const ipcRenderer = ((window && window.require) ? window.require('electron').ipcRenderer : null);
   if (ipcRenderer) {
     ipcRenderer.on(Constants.IPC_Get_Platform_Reply, (event, arg) => {
+      if (arg.data !== 'win32') {
+        let root = document.documentElement;
+        root.style.setProperty('--default_font_size', '4.4vmin');
+      }
       ReactDOM.render(<App platform={arg.data} version={packageJson.version}/>, document.getElementById('root'));
       registerServiceWorker();
     });