some minor layout adjustments

This commit is contained in:
Lars Berning 2021-05-08 13:55:22 +02:00
parent d50b1b8c7c
commit 103b77190e
No known key found for this signature in database
GPG Key ID: 028E73C9E1D8A0B3
4 changed files with 122 additions and 68 deletions

View File

@ -109,7 +109,7 @@
<span class="metric-unit"></span> <span class="metric-unit"></span>
</div> </div>
</div> </div>
<div class="col"> <div class="col actions">
<div class="content"> <div class="content">
<button onclick="app.reset()"> <button onclick="app.reset()">
<svg aria-hidden="true" focusable="false" class="icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <svg aria-hidden="true" focusable="false" class="icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

View File

@ -26,6 +26,10 @@ body {
padding: 0.5em 0.2em 0 0.2em; padding: 0.5em 0.2em 0 0.2em;
} }
.col.actions {
padding: 0.5em 0 0 0;
}
@media (orientation: portrait) { @media (orientation: portrait) {
.grid { .grid {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
@ -82,8 +86,8 @@ button {
border: 0; border: 0;
color: white; color: white;
padding: 0.5em 0.9em 0.3em 0.9em; padding: 0.5em 0.9em 0.3em 0.9em;
margin: 0.2em; margin: 0.2em 0;
font-size: 70%; font-size: 60%;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;

174
package-lock.json generated
View File

@ -50,18 +50,18 @@
} }
}, },
"@babel/helper-validator-identifier": { "@babel/helper-validator-identifier": {
"version": "7.12.11", "version": "7.14.0",
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.0.tgz",
"integrity": "sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==", "integrity": "sha512-V3ts7zMSu5lfiwWDVWzRDGIN+lnCEUdaXgtVHJgLb1rGaA6jMrtB9EmE7L18foXJIE8Un/A/h6NJfGQp/e1J4A==",
"dev": true "dev": true
}, },
"@babel/highlight": { "@babel/highlight": {
"version": "7.13.10", "version": "7.14.0",
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.13.10.tgz", "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.0.tgz",
"integrity": "sha512-5aPpe5XQPzflQrFwL1/QoeHkP2MsA4JCntcXHRhEsdsfPVkvPi2w7Qix4iV7t5S/oC9OodGrggd8aco1g3SZFg==", "integrity": "sha512-YSCOwxvTYEIMSGaBQb5kDDsCopDdiUGsqpatp3fOlI4+2HQSkTmEVWnVuySdAC5EWCqSWWTv0ib63RjR7dTBdg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/helper-validator-identifier": "^7.12.11", "@babel/helper-validator-identifier": "^7.14.0",
"chalk": "^2.0.0", "chalk": "^2.0.0",
"js-tokens": "^4.0.0" "js-tokens": "^4.0.0"
}, },
@ -90,9 +90,9 @@
} }
}, },
"@eslint/eslintrc": { "@eslint/eslintrc": {
"version": "0.4.0", "version": "0.4.1",
"resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.0.tgz", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.1.tgz",
"integrity": "sha512-2ZPCc+uNbjV5ERJr+aKSPRwZgKd2z11x0EgLvb1PURmUrn9QNRXFqje0Ldq454PfAVyaJYyrDvvIKSFP4NnBog==", "integrity": "sha512-5v7TDE9plVhvxQeWLXDTvFvJBdH6pEsdnl2g/dAptmuFEPedQ4Erq5rsDsX+mvAM610IhNaO2W5V1dOOnDKxkQ==",
"dev": true, "dev": true,
"requires": { "requires": {
"ajv": "^6.12.4", "ajv": "^6.12.4",
@ -123,16 +123,10 @@
} }
} }
}, },
"@npmcli/ci-detect": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/@npmcli/ci-detect/-/ci-detect-1.3.0.tgz",
"integrity": "sha512-oN3y7FAROHhrAt7Rr7PnTSwrHrZVRTS2ZbyxeQwSSYD0ifwM3YNgQqbaRmjcWoPyq77MjchusjJDspbzMmip1Q==",
"dev": true
},
"@npmcli/git": { "@npmcli/git": {
"version": "2.0.8", "version": "2.0.9",
"resolved": "https://registry.npmjs.org/@npmcli/git/-/git-2.0.8.tgz", "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-2.0.9.tgz",
"integrity": "sha512-LPnzyBZ+1p7+JzHVwwKycMF8M3lr1ze3wxGRnxn/QxJtk++Y3prSJQrdBDGCxJyRpFsup6J3lrRBVYBhJVrM8Q==", "integrity": "sha512-hTMbMryvOqGLwnmMBKs5usbPsJtyEsMsgXwJbmNrsEuQQh1LAIMDU77IoOrwkCg+NgQWl+ySlarJASwM3SutCA==",
"dev": true, "dev": true,
"requires": { "requires": {
"@npmcli/promise-spawn": "^1.3.2", "@npmcli/promise-spawn": "^1.3.2",
@ -459,6 +453,15 @@
} }
} }
}, },
"block-stream": {
"version": "0.0.9",
"resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
"integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
"optional": true,
"requires": {
"inherits": "~2.0.0"
}
},
"bplist-parser": { "bplist-parser": {
"version": "0.3.0", "version": "0.3.0",
"resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.3.0.tgz", "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.3.0.tgz",
@ -932,12 +935,12 @@
"dev": true "dev": true
}, },
"epoll": { "epoll": {
"version": "4.0.0", "version": "4.0.1",
"resolved": "https://registry.npmjs.org/epoll/-/epoll-4.0.0.tgz", "resolved": "https://registry.npmjs.org/epoll/-/epoll-4.0.1.tgz",
"integrity": "sha512-dENZbykco5w/vsFHuhD/5zla9VHm3htP1ROoX9MCc6L/7LVqGPFfcGS/g+/+pQLUclKw4uR9HnaZmsZ6fi5n+Q==", "integrity": "sha512-BgCq0nEsk+XI7y9qjrRtt9uXsyFEdvevvq42xl6t/hKZjxLSDZreD9rTZ0pU40V//c3Zzk2PZGuIsn8YJHSJ4g==",
"requires": { "requires": {
"bindings": "^1.5.0", "bindings": "^1.5.0",
"nan": "^2.14.1" "nan": "^2.14.2"
} }
}, },
"err-code": { "err-code": {
@ -1008,13 +1011,13 @@
"dev": true "dev": true
}, },
"eslint": { "eslint": {
"version": "7.24.0", "version": "7.26.0",
"resolved": "https://registry.npmjs.org/eslint/-/eslint-7.24.0.tgz", "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.26.0.tgz",
"integrity": "sha512-k9gaHeHiFmGCDQ2rEfvULlSLruz6tgfA8DEn+rY9/oYPFFTlz55mM/Q/Rij1b2Y42jwZiK3lXvNTw6w6TXzcKQ==", "integrity": "sha512-4R1ieRf52/izcZE7AlLy56uIHHDLT74Yzz2Iv2l6kDaYvEu9x+wMB5dZArVL8SYGXSYV2YAg70FcW5Y5nGGNIg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@babel/code-frame": "7.12.11", "@babel/code-frame": "7.12.11",
"@eslint/eslintrc": "^0.4.0", "@eslint/eslintrc": "^0.4.1",
"ajv": "^6.10.0", "ajv": "^6.10.0",
"chalk": "^4.0.0", "chalk": "^4.0.0",
"cross-spawn": "^7.0.2", "cross-spawn": "^7.0.2",
@ -1264,9 +1267,9 @@
} }
}, },
"eslint-visitor-keys": { "eslint-visitor-keys": {
"version": "2.0.0", "version": "2.1.0",
"resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz", "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
"integrity": "sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==", "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
"dev": true "dev": true
}, },
"espree": { "espree": {
@ -1513,6 +1516,18 @@
"dev": true, "dev": true,
"optional": true "optional": true
}, },
"fstream": {
"version": "1.0.12",
"resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
"integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
"optional": true,
"requires": {
"graceful-fs": "^4.1.2",
"inherits": "~2.0.0",
"mkdirp": ">=0.5 0",
"rimraf": "2"
}
},
"function-bind": { "function-bind": {
"version": "1.1.1", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@ -1952,8 +1967,7 @@
"isexe": { "isexe": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
"integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=", "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
"dev": true
}, },
"isstream": { "isstream": {
"version": "0.1.2", "version": "0.1.2",
@ -2857,12 +2871,11 @@
} }
}, },
"npm-registry-fetch": { "npm-registry-fetch": {
"version": "9.0.0", "version": "10.1.1",
"resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-9.0.0.tgz", "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-10.1.1.tgz",
"integrity": "sha512-PuFYYtnQ8IyVl6ib9d3PepeehcUeHN9IO5N/iCRhyg9tStQcqGQBRVHmfmMWPDERU3KwZoHFvbJ4FPXPspvzbA==", "integrity": "sha512-F6a3l+ffCQ7hvvN16YG5bpm1rPZntCg66PLHDQ1apWJPOCUVHoKnL2w5fqEaTVhp42dmossTyXeR7hTGirfXrg==",
"dev": true, "dev": true,
"requires": { "requires": {
"@npmcli/ci-detect": "^1.0.0",
"lru-cache": "^6.0.0", "lru-cache": "^6.0.0",
"make-fetch-happen": "^8.0.9", "make-fetch-happen": "^8.0.9",
"minipass": "^3.1.3", "minipass": "^3.1.3",
@ -3099,11 +3112,11 @@
} }
}, },
"onoff": { "onoff": {
"version": "6.0.2", "version": "6.0.3",
"resolved": "https://registry.npmjs.org/onoff/-/onoff-6.0.2.tgz", "resolved": "https://registry.npmjs.org/onoff/-/onoff-6.0.3.tgz",
"integrity": "sha512-jaffMtYtuGZEMh1T+FZDB9rv84YCm112JPJdUq8Qy2Rg+N3vYLvS+TFpMygvD2SB8Wl4Bl0XJ64LSDWPoh59qA==", "integrity": "sha512-xtVlwRDzswYM69bzzIui/qzu7QHsFnjsQiCV1iYVA/HXt5xdc9utc97SYAlXzK8wAhIN7+H7MaVqh2vpfdKk9A==",
"requires": { "requires": {
"epoll": "^4.0.0", "epoll": "^4.0.1",
"lodash.debounce": "^4.0.8" "lodash.debounce": "^4.0.8"
} }
}, },
@ -3186,9 +3199,9 @@
"dev": true "dev": true
}, },
"pacote": { "pacote": {
"version": "11.3.1", "version": "11.3.3",
"resolved": "https://registry.npmjs.org/pacote/-/pacote-11.3.1.tgz", "resolved": "https://registry.npmjs.org/pacote/-/pacote-11.3.3.tgz",
"integrity": "sha512-TymtwoAG12cczsJIrwI/euOQKtjrQHlD0k0oyt9QSmZGpqa+KdlxKdWR/YUjYizkixaVyztxt/Wsfo8bL3A6Fg==", "integrity": "sha512-GQxBX+UcVZrrJRYMK2HoG+gPeSUX/rQhnbPkkGrCYa4n2F/bgClFPaMm0nsdnYrxnmUy85uMHoFXZ0jTD0drew==",
"dev": true, "dev": true,
"requires": { "requires": {
"@npmcli/git": "^2.0.1", "@npmcli/git": "^2.0.1",
@ -3204,7 +3217,7 @@
"npm-package-arg": "^8.0.1", "npm-package-arg": "^8.0.1",
"npm-packlist": "^2.1.4", "npm-packlist": "^2.1.4",
"npm-pick-manifest": "^6.0.0", "npm-pick-manifest": "^6.0.0",
"npm-registry-fetch": "^9.0.0", "npm-registry-fetch": "^10.0.0",
"promise-retry": "^2.0.1", "promise-retry": "^2.0.1",
"read-package-json-fast": "^2.0.1", "read-package-json-fast": "^2.0.1",
"rimraf": "^3.0.2", "rimraf": "^3.0.2",
@ -3253,9 +3266,9 @@
"dev": true "dev": true
}, },
"npm-packlist": { "npm-packlist": {
"version": "2.1.5", "version": "2.2.2",
"resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-2.1.5.tgz", "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-2.2.2.tgz",
"integrity": "sha512-KCfK3Vi2F+PH1klYauoQzg81GQ8/GGjQRKYY6tRnpQUPKTs/1gBZSRWtTEd7jGdSn1LZL7gpAmJT+BcS55k2XQ==", "integrity": "sha512-Jt01acDvJRhJGthnUJVF/w6gumWOZxO7IkpY/lsX9//zqQgnF7OJaxgQXcerd4uQOLu7W5bkb4mChL9mdfm+Zg==",
"dev": true, "dev": true,
"requires": { "requires": {
"glob": "^7.1.6", "glob": "^7.1.6",
@ -3794,9 +3807,9 @@
"dev": true "dev": true
}, },
"snowpack": { "snowpack": {
"version": "3.3.5", "version": "3.3.7",
"resolved": "https://registry.npmjs.org/snowpack/-/snowpack-3.3.5.tgz", "resolved": "https://registry.npmjs.org/snowpack/-/snowpack-3.3.7.tgz",
"integrity": "sha512-QI6/PcSud39ZAmrs7IiBSCr3PWXxc4/w2SNJp32+n7XsXxSB4waJ+jpG5rtJAeif5pqRNkX4887PKwWsMzFRCw==", "integrity": "sha512-7I5wznB6wGKq2fi6pxU3UZLEe3R0a5IChO8x+w0iYT7/oERubkbzc/SXTMXm6lVvtYMs2W1AkE+0VHP1KI0IEw==",
"dev": true, "dev": true,
"requires": { "requires": {
"cli-spinners": "^2.5.0", "cli-spinners": "^2.5.0",
@ -3995,26 +4008,23 @@
} }
}, },
"table": { "table": {
"version": "6.3.2", "version": "6.7.0",
"resolved": "https://registry.npmjs.org/table/-/table-6.3.2.tgz", "resolved": "https://registry.npmjs.org/table/-/table-6.7.0.tgz",
"integrity": "sha512-I9/Ca6Huf2oxFag7crD0DhA+arIdfLtWunSn0NIXSzjtUlDgIBGVZY7SsMkNPNT3Psd/z4gza0nuEpmra9eRbg==", "integrity": "sha512-SAM+5p6V99gYiiy2gT5ArdzgM1dLDed0nkrWmG6Fry/bUS/m9x83BwpJUOf1Qj/x2qJd+thL6IkIx7qPGRxqBw==",
"dev": true, "dev": true,
"requires": { "requires": {
"ajv": "^8.0.1", "ajv": "^8.0.1",
"is-boolean-object": "^1.1.0",
"is-number-object": "^1.0.4",
"is-string": "^1.0.5",
"lodash.clonedeep": "^4.5.0", "lodash.clonedeep": "^4.5.0",
"lodash.flatten": "^4.4.0",
"lodash.truncate": "^4.4.2", "lodash.truncate": "^4.4.2",
"slice-ansi": "^4.0.0", "slice-ansi": "^4.0.0",
"string-width": "^4.2.0" "string-width": "^4.2.0",
"strip-ansi": "^6.0.0"
}, },
"dependencies": { "dependencies": {
"ajv": { "ajv": {
"version": "8.1.0", "version": "8.2.0",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-8.1.0.tgz", "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.2.0.tgz",
"integrity": "sha512-B/Sk2Ix7A36fs/ZkuGLIR86EdjbgR6fsAcbx9lOP/QBSXujDNbVmIS/U4Itz5k8fPFDeVZl/zQ/gJW4Jrq6XjQ==", "integrity": "sha512-WSNGFuyWd//XO8n/m/EaOlNLtO0yL8EXT/74LqT4khdhpZjP7lkj/kT5uwRmGitKEVp/Oj7ZUHeGfPtgHhQ5CA==",
"dev": true, "dev": true,
"requires": { "requires": {
"fast-deep-equal": "^3.1.1", "fast-deep-equal": "^3.1.1",
@ -4399,13 +4409,53 @@
"integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==",
"optional": true, "optional": true,
"requires": { "requires": {
"fstream": "^1.0.0",
"glob": "^7.0.3", "glob": "^7.0.3",
"graceful-fs": "^4.1.2", "graceful-fs": "^4.1.2",
"mkdirp": "^0.5.0", "mkdirp": "^0.5.0",
"nopt": "2 || 3",
"npmlog": "0 || 1 || 2 || 3 || 4", "npmlog": "0 || 1 || 2 || 3 || 4",
"osenv": "0", "osenv": "0",
"request": "^2.87.0", "request": "^2.87.0",
"rimraf": "2" "rimraf": "2",
"semver": "~5.3.0",
"tar": "^2.0.0",
"which": "1"
}
},
"nopt": {
"version": "3.0.6",
"resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz",
"integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
"optional": true,
"requires": {
"abbrev": "1"
}
},
"semver": {
"version": "5.3.0",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
"integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
"optional": true
},
"tar": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz",
"integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==",
"optional": true,
"requires": {
"block-stream": "*",
"fstream": "^1.0.12",
"inherits": "2"
}
},
"which": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
"integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
"optional": true,
"requires": {
"isexe": "^2.0.0"
} }
} }
} }

View File

@ -31,12 +31,12 @@
"http": "0.0.1-security", "http": "0.0.1-security",
"loglevel": "^1.7.1", "loglevel": "^1.7.1",
"nosleep.js": "^0.12.0", "nosleep.js": "^0.12.0",
"onoff": "^6.0.2", "onoff": "^6.0.3",
"serve-static": "^1.14.1", "serve-static": "^1.14.1",
"ws": "^7.4.5" "ws": "^7.4.5"
}, },
"devDependencies": { "devDependencies": {
"eslint": "^7.24.0", "eslint": "^7.26.0",
"eslint-config-standard": "^16.0.2", "eslint-config-standard": "^16.0.2",
"eslint-plugin-import": "^2.22.1", "eslint-plugin-import": "^2.22.1",
"eslint-plugin-node": "^11.1.0", "eslint-plugin-node": "^11.1.0",
@ -44,7 +44,7 @@
"husky": "^6.0.0", "husky": "^6.0.0",
"markdownlint-cli": "^0.27.1", "markdownlint-cli": "^0.27.1",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"snowpack": "^3.3.5", "snowpack": "^3.3.7",
"uvu": "^0.5.1", "uvu": "^0.5.1",
"uvu-watch": "^1.0.11" "uvu-watch": "^1.0.11"
} }