From e004a5391048d03ed979e0e6a33b94c15d638a45 Mon Sep 17 00:00:00 2001
From: Arlin Schaffel <arlin@fexd.com>
Date: Sat, 3 Feb 2024 22:02:17 -0600
Subject: [PATCH] Mobile Board Style

- don't round board when window small enough that board hits the edge
---
 style.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index cc4a367..218b825 100644
--- a/style.css
+++ b/style.css
@@ -297,6 +297,15 @@ main#board div {
     position: relative;
 }
 
+@media screen and (max-width: calc(64px * 8)) {
+    main#board div {
+        border-radius: 0;
+    }
+    main#board.flip div {
+        border-radius: 0;
+    }
+}
+
 /* Board Labels */
 
 main div:before, main div:after {
@@ -489,7 +498,6 @@ footer {
 #message p:nth-child(2) {
     font-size: 0.7em;
 }
-/* @media screen and (max-width: calc(var(--square) * 8)) { */
 
 @media screen and (max-width: calc(64px * 8)) {
     #message {
@@ -498,7 +506,6 @@ footer {
     }
 }
 
-
 .clickable:hover {
     cursor: pointer;
 }