Fix for sw.js

Style fixes

src/index.js

@@ -1,5 +1,7 @@
 import App from './ncounter/App.svelte';
 import runtime from 'serviceworker-webpack-plugin/lib/runtime';
+import 'reset-css/reset.css';
+import './ncounter/site.css';
 
 if ('serviceWorker' in navigator) {
     const registration = runtime.register();

src/ncounter/App.svelte

@@ -19,7 +19,6 @@
 <script>
 import Counter from './Counter.svelte';
 import { counters } from './db.js';
-import './site.css';
 
 let showAddDialog = false;
 
@@ -54,6 +53,10 @@ function add(){
 </script>
 <style>
     .add {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
         position: fixed;
         bottom: 15px;
         right: 15px;
@@ -87,6 +90,6 @@ function add(){
     }
 
     .app {
-        margin-bottom: 60px;
+        padding: 5px 5px 60px 5px;
     }
 </style>

src/ncounter/site.css

@@ -1,10 +1,31 @@
+/* Box sizing reset */
+html {
+    box-sizing: border-box;
+}
+
+*, *:before, *:after {
+    box-sizing: inherit;
+}
+
+/* Screen fill */
+html, body {
+    width: 100%;
+    height: 100%;
+}
+
 body {
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    margin: 0;
+}
+
+/* Fonts */
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
 }
 
 button {
     background: 0;
     border: 0;
+    height: 36px;
 }
 
 .dialog {
@@ -37,4 +58,9 @@ button {
 
     display: flex;
     flex-wrap: wrap;
+}
+
+input[type="text"],
+input[type="number"] {
+    font-size: 16px;
 }