From 4c68f7e53a324aae9fb0dbc57de5f0ab967e4bde Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <jaskov@gmail.com>
Date: Thu, 16 Jan 2020 16:13:25 +0100
Subject: [PATCH] List view configuration - Sort order distance fix (#6905)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Thanks, Jan. You're a 🌟
---
 .../lib/bootstrap/less/type.less                     |  4 ++++
 .../listview/orderDirection.prevalues.html           | 12 +++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less b/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
index bf1167f950..3f93deaf56 100644
--- a/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
+++ b/src/Umbraco.Web.UI.Client/lib/bootstrap/less/type.less
@@ -132,6 +132,10 @@ ol.inline {
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
+
+    &.-no-padding-left{
+      padding-left: 0;
+    }
   }
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
index 83a905ccf7..7ec0895936 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/listview/orderDirection.prevalues.html
@@ -1,10 +1,16 @@
 <div>
     <ng-form name="listViewOrderDirectionForm" class="flex">
-        <umb-radiobutton name="orderDirection" value="asc" model="model.value" text="Ascending [a-z]" required></umb-radiobutton>
-        <umb-radiobutton name="orderDirection" value="desc" model="model.value" text="Descending [z-a]" required></umb-radiobutton>
+        <ul class="inline">
+            <li class="-no-padding-left">
+                <umb-radiobutton name="orderDirection" value="asc" model="model.value" text="Ascending [a-z]" required></umb-radiobutton>
+            </li>
+            <li>
+                <umb-radiobutton name="orderDirection" value="desc" model="model.value" text="Descending [z-a]" required></umb-radiobutton>
+            </li>
+        </ul>
 
         <span ng-messages="listViewOrderDirectionForm.orderDirection.$error" show-validation-on-submit>
-            <span class="help-inline" ng-message="required">Required</span>
+            <span class="help-inline" ng-message="required"><localize key="general_required">Required</localize></span>
         </span>
     </ng-form>
 </div>