Fix incorrect styling of actions in tags editor

Author: bjarnef

src/Umbraco.Web.UI.Client/src/less/components/umb-tags-editor.less

@@ -1,4 +1,4 @@
-.umb-tags-editor {
+.umb-tags-editor {
     border: @inputBorder solid 1px;
     padding: 5px;
     min-height: 54px;
@@ -14,24 +14,26 @@
         position: relative;
         user-select: all;
 
-        .umb_confirm-action {
+        > .btn-icon {
+            color: @white;
+            padding: 0;
+            position: relative;
+            cursor: pointer;
+            padding-left: 2px;
+            font-size: 15px;
+            right: -5px;
+            bottom: -1px;
+            user-select: none;
+        }
 
-            > .btn-icon {
-                color: @white;
-                padding: 0;
-                position: relative;
-                cursor: pointer;
-                padding-left: 2px;
-                font-size: 15px;
-                right: -5px;
-                bottom: -1px;
-                user-select: none;
-            }
+        .umb_confirm-action {
 
-            .umb_confirm-action__overlay.-left {
-                top: 8px;
-                left: auto;
-                right: 15px;
+            &__overlay {
+                &.-left {
+                  top: 8px;
+                  left: auto;
+                  right: 15px;
+                }
             }
         }
     }

src/Umbraco.Web.UI.Client/src/views/components/tags/umb-tags-editor.html

@@ -13,6 +13,7 @@
                 <span ng-bind-html="tag"></span>
 
                 <umb-icon icon="icon-trash"
+                          class="btn-icon"
                           ng-click="vm.showPrompt($index, tag)"
                           localize="title"
                           title="@buttons_deleteTag">