fixed mobile issues

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "generate": "git -C ./generate/wordlist pull && node ./generate/wordlist.js",
     "docs": "parcel build --no-source-maps --out-dir ./docs --public-url ./ ./website/index.html",
-    "build": "tsc",
+    "docs:dev": "parcel ./website/index.html",
     "prepublishOnly": "rm -rf ./lib && tsc"
   },
   "repository": {
@@ -31,5 +31,8 @@
     "tachyons": "^4.11.1",
     "ts-node-dev": "^1.0.0-pre.44",
     "typescript": "3.7"
+  },
+  "dependencies": {
+    "bulma": "^0.8.0"
   }
 }

website/main.css

@@ -19,6 +19,7 @@ body {
 }
 
 #main > div {
+    width: 100%;
     max-width: 35em;
     margin: auto;
 }

website/main.ts

@@ -6,12 +6,11 @@ const output = window.document.getElementById('username') as HTMLInputElement
 const list = window.document.getElementById('lists')
 const button = window.document.getElementById('button')
 
-const gen = () => {
+const calculate = () => {
     output.value = generate(input.value)
 }
 
-button.addEventListener('click', gen)
-button.addEventListener('touchstart', gen)
-
-gen()
+// Init
+button.addEventListener('click', calculate)
+calculate()
 list.innerHTML = showAvailableLists().join(', ')