From 810f72ba056aa255399ddfe5bfb33d1c3c5988ec Mon Sep 17 00:00:00 2001
From: BoykoAlex <aboyko@pivotal.io>
Date: Thu, 16 Jan 2020 20:14:12 -0500
Subject: [PATCH] Show no results div if properties filter left no properties

---
 src/lib/properties/properties.group.component.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/properties/properties.group.component.html b/src/lib/properties/properties.group.component.html
index 3efc01d..b1b5223 100644
--- a/src/lib/properties/properties.group.component.html
+++ b/src/lib/properties/properties.group.component.html
@@ -1,7 +1,12 @@
-<div *ngIf="propertiesGroupModel && !propertiesGroupModel.isLoading" class="properties-group-container" [formGroup]="form">
-  <div *ngIf="propertiesGroupModel.getControlsModels().length > 0 && controlModelsToDisplay.length === 0; else propertiesList">No results found.</div>
+<div *ngIf="propertiesGroupModel && !propertiesGroupModel.isLoading" class="properties-group-container"
+     [formGroup]="form">
+  <div
+    *ngIf="propertiesGroupModel.getControlsModels().length > 0 && controlModelsToDisplay.length === 0; else propertiesList"
+    class="no-matches-label">No results found.
+  </div>
 </div>
 
 <ng-template #propertiesList>
-  <df-property *ngFor="let model of controlModelsToDisplay" [model]="model" [form]="form" class="property-row"></df-property>
+  <df-property *ngFor="let model of controlModelsToDisplay" [model]="model" [form]="form"
+               class="property-row"></df-property>
 </ng-template>