From ff7ce4e66e4cb39317eb199e2ba3431382716a33 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Fri, 31 Jul 2020 17:43:46 +0200
Subject: [PATCH] Fix styling of actions in textbox multiple (#8542)

---
 .../less/components/umb-multiple-textbox.less | 19 ++++++-------------
 .../multipletextbox/multipletextbox.html      |  2 +-
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
index 30a32b8123..39eb7e92e4 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-multiple-textbox.less
@@ -1,9 +1,11 @@
-.umb-multiple-textbox{
-    &__confirm{
+.umb-multiple-textbox {
+    .umb-property-editor--limit-width();
+
+    &__confirm {
         position: relative;
         display: inline-block;
 
-        &-action{
+        &-action {
             margin: -2px 0 0 0;
             padding: 2px;
             background: transparent;
@@ -12,10 +14,6 @@
     }
 }
 
-.umb-multiple-textbox .icon-wrapper {
-    width: 50px;
-}
-
 .umb-multiple-textbox .textbox-wrapper {
     align-items: center;
     margin-bottom: 15px;
@@ -30,15 +28,10 @@
 }
 
 .umb-multiple-textbox .textbox-wrapper i.handle {
-    margin-left: 5px;
+    margin-left: 10px;
     cursor: move;
 }
 
-.umb-multiple-textbox .textbox-wrapper a.remove {
-    margin-left: 5px;
-    text-decoration: none;
-}
-
 .umb-multiple-textbox .add-link {
     &:extend(.umb-node-preview-add);
 }
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
index 461d7a42a1..6a9826ac3c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/multipletextbox/multipletextbox.html
@@ -9,7 +9,7 @@
                  focus-when="{{item.hasFocus}}" />
 
           <div class="icon-wrapper">
-              <i class="icon icon-navigation handle" localize="title" title="@general_move"></i>
+              <i class="icon icon-navigation handle" aria-hidden="true" localize="title" title="@general_move"></i>
 
               <div class="umb-multiple-textbox__confirm" ng-show="model.value.length > model.config.min">
                   <umb-confirm-action