From 194acdaea3837b9bf32314f992c02cfc6b23f509 Mon Sep 17 00:00:00 2001
From: Manuel Thalmann <m@nuth.ch>
Date: Thu, 15 Dec 2022 18:39:11 +0100
Subject: [PATCH] Make the board shrink based on the height

---
 src/styles/style.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/styles/style.css b/src/styles/style.css
index 8a283c4..cbc0242 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -3,15 +3,15 @@ div {
 }
 
 .board {
-    width: 84vw;
+    width: min(84vw, 84vh);
     margin: 10px auto;
     outline: 1px solid black;
 }
 
 .board .field {
     border: 1px solid black;
-    width: 12vw;
-    height: 12vw;
+    width: min(12vw, 12vh);
+    height: min(12vw, 12vh);
     float: left;
 }
 
@@ -20,8 +20,8 @@ div {
 }
 
 .board .field .piece {
-    width: 10vw;
-    height: 10vw;
+    width: 95%;
+    height: 95%;
     border-radius: 50%;
     margin: 1vw;
 }