From d0cb5b9419679fb3040ddf9ba9326aecd05b40d2 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Fri, 25 Jun 2021 10:47:12 +0200
Subject: [PATCH] remove white space when there are no properties

---
 .../src/views/components/umb-groups-builder.html             | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html
index 0ac81cf7ee..41ab40ac09 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-groups-builder.html
@@ -82,7 +82,7 @@
     <!-- Properties added directly to a tab -->
     <umb-box ng-repeat="(tabIndex, tab) in tabs track by tab.key" ng-show="ungroupedPropertiesAreVisible(tab)">
         <umb-box-content>
-            <ul class="umb-group-builder__properties" ui-sortable="sortableOptionsProperty" ng-model="tab.properties">
+            <ul class="umb-group-builder__properties" ui-sortable="sortableOptionsProperty" ng-model="tab.properties" ng-show="tab.properties.length > 0 || sortingMode">
                 <li ng-repeat="(propertyIndex, property) in tab.properties track by property.alias" ng-class="{'umb-group-builder__property-sortable': sortingMode && !property.inherited}">
                     <umb-content-type-property
                         ng-if="property.propertyState !== 'init'"
@@ -107,6 +107,7 @@
         </umb-box-content>
     </umb-box>
     
+    <!-- Groups -->
     <div class="umb-group-builder__groups" ui-sortable="sortableOptionsGroup" ng-model="model.groups">
         <div ng-repeat="(groupIndex, group) in model.groups track by group.key" ng-show="group.parentKey === openTabKey" ng-class="{'umb-group-builder__group-sortable': sortingMode && !group.inherited}" data-group-key="{{group.key}}">
             <umb-content-type-group
@@ -120,7 +121,7 @@
                 val-server-field-name="{{'Groups[' + $index + '].Name'}}"
                 on-change-sort-order-value="onChangeGroupSortOrderValue(group)">
                 
-                <ul class="umb-group-builder__properties" ui-sortable="sortableOptionsProperty" ng-model="group.properties">
+                <ul class="umb-group-builder__properties" ui-sortable="sortableOptionsProperty" ng-model="group.properties" ng-show="group.properties.length > 0 || sortingMode">
                     <li ng-repeat="(propertyIndex, property) in group.properties track by property.alias" ng-class="{'umb-group-builder__property-sortable': sortingMode && !property.inherited}">
                         <umb-content-type-property
                             ng-if="property.propertyState !== 'init'"