From a956c084f356bd31d11093fe004d0b01586d3f83 Mon Sep 17 00:00:00 2001
From: perryharlock <perry.harlock@tiscali.co.uk>
Date: Wed, 18 Sep 2013 08:27:12 +0100
Subject: [PATCH] Issue 21 - Add delete button to tasks on home page

---
 public/css/site.css     | 23 +++++++++++++++++++----
 view/partial/tasks.html |  5 +++--
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/public/css/site.css b/public/css/site.css
index 0ca67d9..3b98cd3 100644
--- a/public/css/site.css
+++ b/public/css/site.css
@@ -51,6 +51,15 @@ ul {
 	padding-bottom:15px;
 	margin-bottom:3rem;
 }
+.delete-button {
+	position:absolute;
+	top:5px;
+	right:20px;
+	color:#E74C3C;
+}
+.delete-button:hover {
+	color:#e52410;
+}
 
 
 /* Index table list */
@@ -122,13 +131,21 @@ ul {
 	line-height:37px;
 	margin:26px 0;
 }
-.task-card a {
+.task-card .task-card-link {
 	color:#808080;
 	min-height:183px;
 	margin-bottom:20px;
 	display:block;
 }
-.task-card a:hover {
+.task-card .delete-button {
+	display:none;
+}
+.task-card:hover .delete-button {
+	display:block;
+}
+.task-card .task-card-link:hover,
+.task-card:hover .task-card-link
+ {
 	text-decoration: none;
 	background-color:#e4e5e5;
 }
@@ -246,7 +263,6 @@ ul {
     opacity:1;
     filter:alpha(opacity=100); /* For IE8 and earlier */
 }
-
 .standards-lists {
 	height:300px;
 	overflow:hidden;
@@ -254,7 +270,6 @@ ul {
 	margin-bottom:15px;
 	border-bottom:solid 1px #e5e5e5;
 }
-
 .series-checkboxes {
 	margin-top:15px;
 }
diff --git a/view/partial/tasks.html b/view/partial/tasks.html
index 5370777..1047671 100644
--- a/view/partial/tasks.html
+++ b/view/partial/tasks.html
@@ -1,14 +1,15 @@
 
 <ul class="list-unstyled clearfix">
 	<li class="col-md-4 col-sm-6 task-card add-task">
-		<a class="well" data-role="add-task" href="/new">
+		<a class="well task-card-link" data-role="add-task" href="/new">
 			<p class="h3 crunch">add new url</p>
 			<p class="supersize-me crunch">+</p>
 		</a>
 	</li>
 	{{#tasks}}
 		<li class="col-md-4 col-sm-6 task-card">
-			<a class="well" title="Task details for {{simplify-url url}}" href="/{{id}}">
+			<a title="Delete this url" class="delete-button" href="/{{id}}/delete"><span class="sr-only">Delete </span><span class="glyphicon glyphicon-remove"></span></a>
+			<a class="well task-card-link" title="Task details for {{simplify-url url}}" href="/{{id}}">
 				<p class="h3">{{simplify-url url}}</p>
 				<p class="h5">({{standard}})</p>
 				{{#if last_result}}