From 4ea4476786abf305883b76081a98c97d2254114a Mon Sep 17 00:00:00 2001
From: John Hawthorn <john@stembolt.com>
Date: Thu, 30 Mar 2017 17:07:53 -0700
Subject: [PATCH] Fix styling of tiered promotions delete icon

Previously this trash icon was being partially obscured by the row next
to it, and only the left half of the icon could be clicked. It was also
floating outside of the parent container. This commit fixes these issues
by adding a margin to the row, and placing the icon inside.

It also changes the cursor to a pointer on hover.
---
 .../stylesheets/spree/backend/sections/_promotions.scss    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/backend/app/assets/stylesheets/spree/backend/sections/_promotions.scss b/backend/app/assets/stylesheets/spree/backend/sections/_promotions.scss
index 5aed05db332..0c045e8177b 100644
--- a/backend/app/assets/stylesheets/spree/backend/sections/_promotions.scss
+++ b/backend/app/assets/stylesheets/spree/backend/sections/_promotions.scss
@@ -54,9 +54,14 @@
     position: relative;
     padding-bottom: 10px;
 
+    > .row {
+      margin-left: 10px;
+    }
+
     .remove {
       position: absolute;
-      left: -15px;
+      cursor: pointer;
+      left: 0;
       top: 10px;
 
       &:hover {