WIP

src/player/Player.ts

@@ -134,9 +134,9 @@ class Player {
       if (result) {
         this.speech.say(
           result === "1-0"
-            ? "White won!"
+            ? "White wins!"
             : result === "0-1"
-            ? "Black won!"
+            ? "Black wins!"
             : "Draw"
         );
       }

src/ui/App.css

@@ -83,6 +83,9 @@ button,
   color: var(--color-text-contrast);
   border-radius: 5px;
   width: 100%;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
 }
 
 button:hover,

src/ui/components/Header.css

@@ -10,21 +10,21 @@
 }
 
 .header__logo {
-  padding: 1rem 2rem;
+  padding: 1rem;
   text-align: left;
   color: var(--color-text-dimmed);
 }
 
 .header__logo-pic {
   height: 2rem;
-  max-width: 320px;
+  max-width: 200px;
   background-image: var(--logo-url);
   background-repeat: no-repeat;
   background-size: contain;
 }
 
 .header__options {
-  padding: 0 2rem 0;
+  padding: 0 1rem 0;
   text-align: right;
 }
 

src/ui/components/Moves.css

@@ -46,7 +46,7 @@
   }
   .move__id,
   .move__ply {
-    display: inline;
+    display: inline-block;
     margin-right: 0.6rem;
     width: auto;
   }