From b199a54038c5ff720078689c221a55ea2c0b4dc7 Mon Sep 17 00:00:00 2001
From: Poornima Nayar <poornimakrishnav@gmail.com>
Date: Fri, 18 Oct 2019 12:36:16 +0100
Subject: [PATCH] Clean up of the compositions dialog (#6716)

---
 .../src/less/components/umb-checkbox-list.less               | 5 +++++
 .../common/infiniteeditors/compositions/compositions.html    | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-checkbox-list.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-checkbox-list.less
index 985e57bea5..11194eeb43 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-checkbox-list.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-checkbox-list.less
@@ -4,6 +4,7 @@
 .umb-checkbox-list {
   list-style: none;
   margin-left: 0;
+  margin-top: 6px;
 }
 
 .umb-checkbox-list__item {
@@ -12,6 +13,10 @@
   margin-bottom: 2px;
 }
 
+.umb-checkbox-list li:first-child {
+    font-weight: bold;
+}
+
 .umb-checkbox-list__item:last-child {
     border-bottom: none;
 }
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/compositions/compositions.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/compositions/compositions.html
index bb0804e2bf..071d093ab4 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/compositions/compositions.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/compositions/compositions.html
@@ -62,7 +62,7 @@
 
                     <div ng-if="vm.availableGroups.length > 0">
                         <ul class="umb-checkbox-list" ng-repeat="group in vm.availableGroups | filter:searchTerm">
-                            <li style="font-weight: bold" ng-show="vm.availableGroups.length > 1">
+                            <li ng-show="vm.availableGroups.length > 1">
                                 <i class="icon-folder umb-checkbox-list__item-icon"></i>
                                 {{group.containerPath}}
                             </li>
@@ -77,7 +77,8 @@
                                            checklist-model="model.compositeContentTypes"
                                            checklist-value="compositeContentType.contentType.alias"
                                            ng-change="model.selectCompositeContentType(compositeContentType.contentType)"
-                                           ng-disabled="compositeContentType.allowed===false || compositeContentType.inherited" />
+                                           ng-disabled="compositeContentType.allowed===false || compositeContentType.inherited" />                                  
+
                                 </div>
 
                                 <label for="umb-overlay-comp-{{compositeContentType.contentType.key}}" class="umb-checkbox-list__item-text" ng-class="{'-faded': compositeContentType.allowed===false}">