From fdb2d7c48af1461b63f235f0584273276f1e7c33 Mon Sep 17 00:00:00 2001
From: Maciej Caderek <maciej.caderek@gmail.com>
Date: Fri, 1 Apr 2022 22:18:17 +0200
Subject: [PATCH] WIP

---
 src/player/Player.ts         | 4 ++--
 src/ui/App.css               | 3 +++
 src/ui/components/Header.css | 6 +++---
 src/ui/components/Moves.css  | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/player/Player.ts b/src/player/Player.ts
index 3b4c1ef..8220db4 100644
--- a/src/player/Player.ts
+++ b/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"
         );
       }
diff --git a/src/ui/App.css b/src/ui/App.css
index 224e2d9..acfdee8 100644
--- a/src/ui/App.css
+++ b/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,
diff --git a/src/ui/components/Header.css b/src/ui/components/Header.css
index 6ae5f13..34ce9df 100644
--- a/src/ui/components/Header.css
+++ b/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;
 }
 
diff --git a/src/ui/components/Moves.css b/src/ui/components/Moves.css
index d896a40..e8fa33c 100644
--- a/src/ui/components/Moves.css
+++ b/src/ui/components/Moves.css
@@ -46,7 +46,7 @@
   }
   .move__id,
   .move__ply {
-    display: inline;
+    display: inline-block;
     margin-right: 0.6rem;
     width: auto;
   }