From f8ac184bba418565f6e500960e6670ce0bc75fba Mon Sep 17 00:00:00 2001
From: atilbian <arnaud@marmelab.com>
Date: Tue, 15 Feb 2022 17:46:30 +0100
Subject: [PATCH] Add hover effect and change cursor for empty cells

---
 views/index.hbs | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/views/index.hbs b/views/index.hbs
index db6c6940..89d61039 100644
--- a/views/index.hbs
+++ b/views/index.hbs
@@ -11,11 +11,20 @@
     {{#each gameState.board}}
     <div style="margin-left:{{@index}}0px;">
       {{#each this}}
-      <span>{{this.value}}</span>
+      <span data-color="{{this.value}}">{{this.value}}</span>
       {{/each}}
     </div>
     {{/each}}
   </div>
 </body>
+<style>
+  span[data-color="empty"] {
+    cursor: pointer;
+  }
+
+  span[data-color="empty"]:hover {
+    background-color: yellow;
+  }
+</style>
 
 </html>
\ No newline at end of file