From e9c3c9fea6234bbe753b75108b8339e21bcc59b0 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Tue, 8 Jun 2021 10:19:26 +0200
Subject: [PATCH] Fix styling issues with listview sorting in overlay. (#10351)

Remove margin bottom at input fields
---
 .../components/umb-list-view-settings.less    |   7 +-
 .../src/less/listview.less                    | 104 +++++++++---------
 2 files changed, 56 insertions(+), 55 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-list-view-settings.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-list-view-settings.less
index ba46c68a57..9eb00d4437 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-list-view-settings.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-list-view-settings.less
@@ -66,11 +66,8 @@
             padding-left: 15px;
         }
 
-        .ui-sortable-handle {
-            min-height: 37px;
-            display: flex;
-            width:0;
-            align-items: center;
+        input[type="text"] {
+            margin-bottom: 0;
         }
     }
 }
diff --git a/src/Umbraco.Web.UI.Client/src/less/listview.less b/src/Umbraco.Web.UI.Client/src/less/listview.less
index 582da12804..9321577c15 100644
--- a/src/Umbraco.Web.UI.Client/src/less/listview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/listview.less
@@ -222,63 +222,67 @@
 /* ---------- LAYOUTS ---------- */
 
 .list-view-layout {
-   display: flex;
-   align-items: center;
-   padding: 10px 15px;
-   background: @gray-10;
-   margin-bottom: 1px;
-}
+    display: flex;
+    align-items: center;
+    padding: 10px 15px;
+    background: @gray-10;
+    margin-bottom: 1px;
 
-.list-view-layout__sort-handle {
-   font-size: 14px;
-   color: @gray-8;
-   margin-right: 15px;
-}
+    &__sort-handle {
+        font-size: 14px;
+        color: @gray-8;
+        margin-right: 15px;
+    }
 
-.list-view-layout__name {
-   flex: 5;
-   font-weight: bold;
-   margin-right: 15px;
-   display: flex;
-   align-content: center;
-   flex-wrap: wrap;
-   line-height: 1.2em;
-}
+    &__name {
+        flex: 5;
+        font-weight: bold;
+        margin-right: 15px;
+        display: flex;
+        align-content: center;
+        flex-wrap: wrap;
+        line-height: 1.2em;
+    }
 
-.list-view-layout__name-text {
-   margin-right: 3px;
-}
- 
-.list-view-layout__system {
-   font-size: 10px; 
-   font-weight: normal;
-}
+    &__name-text {
+        margin-right: 3px;
+    }
 
-.list-view-layout__path {
-   flex: 10;
-   margin-right: 15px;
-}
+    &__system {
+        font-size: 10px;
+        font-weight: normal;
+    }
 
-.list-view-layout__icon-wrapper {
-    margin-right: 10px;
-}
+    &__path {
+        flex: 10;
+        margin-right: 15px;
+    }
 
-.list-view-layout__icon {
-   font-size: 18px;
-   vertical-align: middle;
-   border: 1px solid @gray-8;
-   background: @white;
-   padding: 0;
-   display: flex;
-   align-items: center;
-   justify-content: center;
-   width: 30px;
-   height: 30px;
-}
+    &__icon-wrapper {
+        margin-right: 10px;
+    }
 
-.list-view-layout__remove {
-    position: relative;
-    cursor: pointer;
+    &__icon {
+        font-size: 18px;
+        vertical-align: middle;
+        border: 1px solid @gray-8;
+        background: @white;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 30px;
+        height: 30px;
+    }
+
+    &__remove {
+        position: relative;
+        cursor: pointer;
+    }
+
+    input[type="text"] {
+        margin-bottom: 0;
+    }
 }
 
 .list-view-add-layout {