From 46779a5339640201c2360856f7e6e664cf5e882d Mon Sep 17 00:00:00 2001
From: Zara <zara.zaimeche@codethink.co.uk>
Date: Thu, 17 Mar 2016 18:16:49 +0000
Subject: [PATCH] Make it easier to find 'add task' button

The button was in the top-right of the tasks list, which meant new
users could miss it, or worse, confuse it with the 'add' (tag) button.
This moves the button to the bottom left of the task list, which is
the first place a user is likely to look when they find a task is
missing, and want to add one.

Change-Id: I48c93bc272570a041e7c4437ff82fbd0611d4a04
---
 src/app/stories/template/detail.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/app/stories/template/detail.html b/src/app/stories/template/detail.html
index 21721d73..5437a95b 100644
--- a/src/app/stories/template/detail.html
+++ b/src/app/stories/template/detail.html
@@ -193,17 +193,7 @@
     <table class="table table-striped table-supercondensed">
         <thead>
         <tr>
-            <td colspan="3"><strong>Tasks</strong></td>
-            <td colspan="3" class="text-right">
-                <small>
-                    <a href=""
-                       ng-click="showAddTaskForm = !showAddTaskForm"
-                       ng-show="isLoggedIn">
-                        <i class="fa fa-plus" ng-if="!showAddTaskForm"></i>
-                        <i class="fa fa-minus" ng-if="showAddTaskForm"></i>
-                        Add task
-                    </a>
-                </small>
+            <td colspan="7"><strong>Tasks</strong></td>
             </td>
         </tr>
         </thead>
@@ -213,7 +203,7 @@
             src="'/inline/task_list_item.html'">
         </tr>
         <tr ng-if="tasks.length == 0 && !showAddTaskForm">
-            <td colspan="6">
+            <td colspan="7">
                 <p class="text-muted text-center">
                     <em>This story has no tasks.</em>
                 </p>
@@ -223,6 +213,18 @@
             ng-include
             src="'/inline/task_edit_form.html'">
         </tr>
+        <hr />
+        <tr>
+            <td colspan="7" class="text-left">
+                    <button class="btn btn-default" type="button"
+                       ng-click="showAddTaskForm = !showAddTaskForm"
+                       ng-show="isLoggedIn">
+                        <i class="fa fa-plus" ng-if="!showAddTaskForm"></i>
+                        <i class="fa fa-minus" ng-if="showAddTaskForm"></i>
+                       <strong> Add task </strong>
+                    </button>
+            </td>
+        </tr>
         </tbody>
     </table>
 </script>