From 6ec9a2ae453003ee833addd86e40355b7c79ce1a Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bf@oerskov.dk>
Date: Mon, 12 Feb 2018 21:01:08 +0100
Subject: [PATCH] Add specific class for "add" list item

---
 .../views/propertyeditors/mediapicker/mediapicker.controller.js | 2 +-
 .../src/views/propertyeditors/mediapicker/mediapicker.html      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.controller.js
index ea1473d3ca..74234d3c36 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.controller.js
@@ -137,7 +137,7 @@ angular.module('umbraco').controller("Umbraco.PropertyEditors.MediaPickerControl
 
        $scope.sortableOptions = {
            disabled: !$scope.isMultiPicker,
-           items: "li:not(.unsortable)",
+           items: "li:not(.add-wrapper)",
            cancel: ".unsortable",
            update: function(e, ui) {
                var r = [];
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
index c649c3f547..e904d4c6bf 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/mediapicker/mediapicker.html
@@ -30,7 +30,7 @@
                 </div>
 
             </li>
-            <li class="unsortable" ng-if="showAdd()">
+            <li class="add-wrapper unsortable" ng-if="showAdd()">
                 <a href="#" class="add-link" ng-click="add()" ng-class="{'add-link-square': (images.length === 0 || isMultiPicker)}" prevent-default>
                     <i class="icon icon-add large"></i>
                 </a>