From 89eab5679656afc89442ffc3adf5316af46606c1 Mon Sep 17 00:00:00 2001
From: Tom Willemse
Date: Sat, 13 Jul 2013 21:23:46 +0200
Subject: Make certain items seem more clickable

---
 static/css/scrumli.css |  3 +++
 static/js/main.js      | 18 +++++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)
 create mode 100644 static/css/scrumli.css

(limited to 'static')

diff --git a/static/css/scrumli.css b/static/css/scrumli.css
new file mode 100644
index 0000000..97ada10
--- /dev/null
+++ b/static/css/scrumli.css
@@ -0,0 +1,3 @@
+.clickable {
+    cursor: pointer;
+}
diff --git a/static/js/main.js b/static/js/main.js
index 3e5ae07..e8991ad 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -37,11 +37,13 @@ var StoryTaskRow = React.createClass({
         return (
             <tr>
               <td class="span1">
-                <i class="icon-arrow-up" onClick={this.moveUp}></i>
-                <i class="icon-arrow-down" onClick={this.moveDown}></i>
+                <i class="icon-arrow-up clickable"
+                   onClick={this.moveUp}></i>
+                <i class="icon-arrow-down clickable"
+                   onClick={this.moveDown}></i>
               </td>
               <td class="span2">
-                <span onClick={this.changeState}>
+                <span onClick={this.changeState} class="clickable">
                   <StateIcon state={this.state.state} /> {" "}
                   {this.state.state}
                 </span>
@@ -149,17 +151,19 @@ var StoryRow = React.createClass({
         return (
             <tr>
               <td class="span1">
-                <i class="icon-arrow-up" onClick={this.moveUp}></i>
-                <i class="icon-arrow-down" onClick={this.moveDown}></i>
+                <i class="icon-arrow-up clickable"
+                   onClick={this.moveUp}></i>
+                <i class="icon-arrow-down clickable"
+                   onClick={this.moveDown}></i>
               </td>
               <td class="span2">
-                <span onClick={this.changeState}>
+                <span onClick={this.changeState} class="clickable">
                   <StateIcon state={this.state.state} /> {" "}
                   {this.state.state}
                 </span>
               </td>
               <td>
-                <a onClick={this.handleClick}>
+                <a onClick={this.handleClick} class="clickable">
                   As a {this.props.story.role}, I
                   {this.props.story.necessity} to
                   {this.props.story.title}
-- 
cgit v1.3-2-g0d8e