spacing tweaks

src/main/index.js

@@ -37,7 +37,8 @@ const createWindow = async () => {
     title: pkg.productName,
     webPreferences: {
       nodeIntegration: true,
-      scrollBounce: true
+      scrollBounce: true,
+      enableBlinkFeatures: 'OverlayScrollbars'
     }
   })
 
@@ -86,9 +87,7 @@ app.on('ready', () => {
 
     // add platform as class
     mainWindow.webContents.executeJavaScript(
-      `document.getElementsByTagName('html')[0].classList.add('${
-        process.platform
-      }')`
+      `document.getElementsByTagName('html')[0].classList.add('${process.platform}')`
     )
   })
 })

src/renderer/App.css

@@ -71,9 +71,9 @@ a h1 {
 .app {
     padding: 5% 7%;
     cursor: default;
-    height: calc(100vh - 5%);
     transition: .15s ease-out;
     width: 100%;
+    height: 100%;
     overflow-y: auto;
 }
 
@@ -91,7 +91,6 @@ a h1 {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
-    width: 100%;
 }
 
 .fullscreen.darwin .app {

src/renderer/screens/Home.css

@@ -28,7 +28,7 @@
 .number-unit-wrap {
     display: grid;
     grid-gap: .5rem;
-    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
     justify-items: start;
     width: 100%;
 }