From 83f75fdaff2d85f14cfe73d3ae7b6f0b37c77968 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Wed, 15 Feb 2017 11:00:35 +0100
Subject: [PATCH] nested mini list views: use visibility hidden instead of
 ng-if to better align list items

---
 src/Umbraco.Web.UI.Client/src/less/components/umb-table.less  | 4 ++++
 .../src/views/components/umb-mini-list-view.html              | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-table.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-table.less
index 9cf1b3cfc8..c97fd1f856 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-table.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-table.less
@@ -288,6 +288,10 @@ input.umb-table__input {
     color: @black;
 }
 
+.umb-table__row-expand--hidden {
+    visibility: hidden;
+}
+
 .umb-table--condensed {
     
     .umb-table-cell:first-of-type:not(.not-fixed) {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
index a2c386e52c..2bd438d6d6 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-mini-list-view.html
@@ -64,7 +64,7 @@
                     ng-class="{'-selected':child.selected}">
                     <div class="umb-table-cell umb-table-cell--auto-width" ng-class="{'umb-table-cell--faded':child.published === false}">
                         <div class="flex items-center">
-                            <ins class="icon-navigation-right umb-table__row-expand" ng-click="openNode($event, child)" ng-if="child.hasChildren === true">&nbsp;</ins>
+                            <ins class="icon-navigation-right umb-table__row-expand" ng-click="openNode($event, child)" ng-class="{'umb-table__row-expand--hidden': child.hasChildren !== true}">&nbsp;</ins>
                             <i class="umb-table-body__icon umb-table-body__fileicon {{child.icon}}"></i>
                             <i class="umb-table-body__icon umb-table-body__checkicon icon-check"></i>
                         </div>