From c65ee5f3ccdcb84f78d12dfee7a89fbbce8d2634 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Garc=C3=ADa?= <dgarcia@initios.com>
Date: Tue, 14 Aug 2018 15:45:04 +0200
Subject: [PATCH] Display cancel button when editing items subject

---
 app/modules/components/detail/header/detail-header.jade | 6 +++++-
 app/modules/components/detail/header/detail-header.scss | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/modules/components/detail/header/detail-header.jade b/app/modules/components/detail/header/detail-header.jade
index d3c08bd1..40f710cd 100644
--- a/app/modules/components/detail/header/detail-header.jade
+++ b/app/modules/components/detail/header/detail-header.jade
@@ -34,13 +34,17 @@
             required
             ng-keydown="vm.onKeyDown($event)"
         )
-        button.edit-title-button.e2e-title-button(
+        button.edit-title-button.save-title-button.e2e-title-button(
             ng-click="vm.saveSubject()"
             tg-loading="vm.loadingSubject"
         )
             tg-svg(
                 svg-icon="icon-save"
             )
+        button.edit-title-button.cancel-title-button.e2e-cancel-title-button(
+            ng-click="vm.editSubject(false)"
+        )
+            tg-svg(svg-icon="icon-close")
 
 //- User Story belongs to epic
 .belong-to-epics-wrapper(ng-if="vm.item._name == 'userstories' && vm.project.is_epics_activated")
diff --git a/app/modules/components/detail/header/detail-header.scss b/app/modules/components/detail/header/detail-header.scss
index 83b7dee2..e94667e2 100644
--- a/app/modules/components/detail/header/detail-header.scss
+++ b/app/modules/components/detail/header/detail-header.scss
@@ -114,12 +114,14 @@
     .edit-title-button {
         background: none;
         display: inline;
-        margin-left: 1rem;
         transition: fill .2s;
         &:hover {
             fill: $primary;
         }
     }
+    .save-title-button {
+        margin-left: 1rem;
+    }
 }
 
 .block-desc-container {