From 091cb9e428d003db794e668b20a23eaf774a75c3 Mon Sep 17 00:00:00 2001
From: Mehrdad Babaki <mehrdadab@yahoo.com>
Date: Mon, 27 Jun 2022 09:18:52 +1000
Subject: [PATCH] add a gap between icon and label of media menu (#12571)

* add a gap between icon and label of media menu

* replace inline style with class

* icon alignment

Co-authored-by: Nathan Woulfe <nathan@nathanw.com.au>
---
 src/Umbraco.Web.UI.Client/src/less/navs.less             | 1 +
 .../src/views/propertyeditors/listview/listview.html     | 9 ++++-----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/navs.less b/src/Umbraco.Web.UI.Client/src/less/navs.less
index db18d3f9d2..6b4a6abb30 100644
--- a/src/Umbraco.Web.UI.Client/src/less/navs.less
+++ b/src/Umbraco.Web.UI.Client/src/less/navs.less
@@ -272,6 +272,7 @@
     color: @ui-option-type;
     display: flex;
     justify-content: flex-start;
+    align-items: center;
     clear: both;
     font-weight: normal;
     line-height: 20px;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
index 7fad01fe6c..602e42425b 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/listview.html
@@ -50,16 +50,15 @@
                            <span class="caret" aria-hidden="true"></span>
                        </button>
 
-                       <umb-dropdown ng-if="page.createDropdownOpen" on-close="page.createDropdownOpen = false">
+                       <umb-dropdown class="umb-actions" ng-if="page.createDropdownOpen" on-close="page.createDropdownOpen = false">
                            <umb-dropdown-item ng-repeat="contentType in listViewAllowedTypes track by contentType.key | orderBy:'name':false">
                                <button type="button" ng-click="createBlank(entityType,contentType.alias)">
                                    <umb-icon icon="{{::contentType.icon}}"></umb-icon>
-                                   {{::contentType.name}} <span ng-show="contentType.blueprints" style="text-transform: lowercase;">(<localize key="blueprints_blankBlueprint">blank</localize>)</span>
+                                   <span class="menu-label">{{::contentType.name}}</span> <span ng-show="contentType.blueprints" style="text-transform: lowercase;">(<localize key="blueprints_blankBlueprint">blank</localize>)</span>
                                </button>
-
                                <button type="button" ng-repeat="blueprint in contentType.blueprints track by blueprint.id | orderBy:'name':false" ng-click="createFromBlueprint(entityType, contentType.alias, blueprint.id)">
-                                   &nbsp;&nbsp;<umb-icon icon="{{::contentType.icon}}"></umb-icon>
-                                   {{::blueprint.name}}
+                                   <umb-icon icon="{{::contentType.icon}}"></umb-icon>
+                                   <span class="menu-label">{{::blueprint.name}}</span>
                                </button>
                            </umb-dropdown-item>
                        </umb-dropdown>