From: Carl Worth <cworth@cworth.org>
Date: Wed, 27 May 2020 05:24:52 +0000 (-0700)
Subject: tictactoe: Increase the size of the board a bit
X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=commitdiff_plain;h=785d9a691a633a9a73f8b4db135651b06ba85947;ds=sidebyside

tictactoe: Increase the size of the board a bit

This is a fixed size, not yet dynamic (and also not yet centered) but
it's something at least.
---

diff --git a/tictactoe/tictactoe.css b/tictactoe/tictactoe.css
index d505c7d..52a8e87 100644
--- a/tictactoe/tictactoe.css
+++ b/tictactoe/tictactoe.css
@@ -17,15 +17,20 @@ ol, ul {
   color: black;
   border: 1px solid #999;
   float: left;
-  font-size: 24px;
+  font-size: 64px;
   font-weight: bold;
-  line-height: 34px;
-  height: 34px;
+  line-height: 90px;
+  width: 90px;
+  height: 90px;
   margin-right: -1px;
   margin-top: -1px;
   padding: 0;
   text-align: center;
-  width: 34px;
+  border-radius: 4px;
+}
+
+.square:hover {
+    background-color: var(--accent-color-bright);
 }
 
 .square:focus {