From c60236505253b07f346afd8d85f0456951cff0c7 Mon Sep 17 00:00:00 2001
From: colinmorris <colin.morris2@gmail.com>
Date: Thu, 2 Mar 2017 12:48:45 -0800
Subject: [PATCH] fun with cursors

---
 src/Matrix.css | 1 +
 src/Word.css   | 4 ++++
 src/Word.js    | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Matrix.css b/src/Matrix.css
index c6cb763..64bad42 100644
--- a/src/Matrix.css
+++ b/src/Matrix.css
@@ -40,5 +40,6 @@ svg.matrix {
     border: black;
     border-style: solid;
     border-width: 1px;
+    cursor: crosshair;
 }
 
diff --git a/src/Word.css b/src/Word.css
index 5233b12..d732772 100644
--- a/src/Word.css
+++ b/src/Word.css
@@ -12,3 +12,7 @@
 .incidental {
     text-shadow: 0 0 1.5em rgb(0, 135, 255);
 }
+
+.word {
+    cursor: default;
+}
diff --git a/src/Word.js b/src/Word.js
index 86bbf69..f246d8b 100644
--- a/src/Word.js
+++ b/src/Word.js
@@ -15,7 +15,7 @@ class Word extends Component {
   }
 
   render() {
-    var kls = this.props.focus;
+    var kls = "word" + (this.props.focus ? " "+this.props.focus : "");
     return (<span className={kls} onMouseEnter={this.onEnter}
              onMouseLeave={this.onLeave}>
               {this.props.raw}{" "}