Fix styling of actions in textbox multiple (#8542)

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);
 }

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