From 008b38ea24660656d4fe220d035c94cb27f4e6be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Thu, 14 Jan 2016 13:51:07 +0100
Subject: [PATCH] Ticket data block buttons

---
 app/coffee/modules/common/components.coffee |  2 +-
 app/styles/modules/common/ticket-data.scss  | 25 +++++++++++----------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/app/coffee/modules/common/components.coffee b/app/coffee/modules/common/components.coffee
index e5d3850d..79fee074 100644
--- a/app/coffee/modules/common/components.coffee
+++ b/app/coffee/modules/common/components.coffee
@@ -365,7 +365,7 @@ BlockButtonDirective = ($rootscope, $loading, $template) ->
             return if not item
 
             if isEditable()
-                $el.find('.item-block').addClass('is-editable')
+                $el.find('.item-block').addClass('editable')
 
             if item.is_blocked
                 $el.find('.item-block').removeClass('is-active')
diff --git a/app/styles/modules/common/ticket-data.scss b/app/styles/modules/common/ticket-data.scss
index 80dbe413..c97d7e36 100644
--- a/app/styles/modules/common/ticket-data.scss
+++ b/app/styles/modules/common/ticket-data.scss
@@ -1,5 +1,8 @@
 .ticket-header {
+    align-items: center;
+    display: flex;
     margin: 1.5rem 0 2rem;
+    position: relative;
     .ticket-title {
         @extend %larger;
         @extend %light;
@@ -100,6 +103,10 @@
     }
 }
 
+.ticket-watch-buttons {
+    margin-bottom: 1rem;
+}
+
 .ticket-watch {
     .ticket-watch-title {
         @extend %bold;
@@ -169,18 +176,10 @@
         transition: background .2s linear;
         transition-delay: .1s;
         &:hover {
-            background: $gray-light;
-            cursor: default;
+            background: $gray;
         }
-        &.is-editable {
-            background: $gray-light;
+        &.editable {
             cursor: pointer;
-            &:hover {
-                background: $gray;
-            }
-        }
-        &.active {
-            background: $primary-light;
         }
         +input {
             display: none;
@@ -194,13 +193,15 @@
         }
     }
     .item-unblock {
-        background: $red;
+        background: $red-light;
+        &:hover {
+            background: $red;
+        }
     }
     .button-delete {
         background: $red-light;
         &:hover {
             background: $red;
-            cursor: pointer;
         }
     }
     img {