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

---
 scrumli.lisp           |  4 +++-
 static/css/scrumli.css |  3 +++
 static/js/main.js      | 18 +++++++++++-------
 3 files changed, 17 insertions(+), 8 deletions(-)
 create mode 100644 static/css/scrumli.css

diff --git a/scrumli.lisp b/scrumli.lisp
index 33a9ae9..7900740 100644
--- a/scrumli.lisp
+++ b/scrumli.lisp
@@ -57,7 +57,8 @@
       (<:html
        (<:head (page-title "Backlog")
                (css *scrumli-bootstrap-css-location*
-                    *scrumli-font-awesome-css-location*)
+                    *scrumli-font-awesome-css-location*
+                    (genurl 'scrumli-css))
                (js *scrumli-bootstrap-js-location*
                    *scrumli-jquery-js-location*
                    *scrumli-react-js-location*
@@ -83,6 +84,7 @@
 
 (serve-static main-js "js/main.js")
 (serve-static login-js "js/login.js")
+(serve-static scrumli-css "css/scrumli.css")
 
 (define-route stories-json ("stories" :content-type "text/json")
   (if (logged-in-p)
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.2.3-54-g00ecf