fix: aesthetics

flotwig · Aug 14, 2020 · ff132ff · ff132ff
1 parent dba936e
commit ff132ff
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/frontend/src/controls.ts b/frontend/src/controls.ts
@@ -28,8 +28,16 @@ export function startControls() {
 
     ;['Power', 'WakeUp', 'Sleep'].map(code => {
       const el = document.querySelector(`button#${code.toLowerCase()}`)
-      el.addEventListener('mousedown', () => document.dispatchEvent(new KeyboardEvent('keydown', { code })))
-      el.addEventListener('mouseup', () => document.dispatchEvent(new KeyboardEvent('keyup', { code })))
+
+      el.addEventListener('mousedown', () => {
+        log.info(`Pressing ${code} button...`)
+        document.dispatchEvent(new KeyboardEvent('keydown', { code }))
+      })
+
+      el.addEventListener('mouseup', () => {
+        log.info(`${code} button released.`)
+        document.dispatchEvent(new KeyboardEvent('keyup', { code }))
+      })
     })
   })
 }

diff --git a/frontend/src/index.scss b/frontend/src/index.scss
@@ -86,6 +86,7 @@ body {
     overflow-x: hidden;
 
     li {
+      font-size: .9em;
       padding: 2px 8px;
       width: 100%;
       list-style-type: none;