Bug fix for the group property value was not readable

Adding a stylesheet for group-or-policy-properties-tab component to make
it readable in next line

Signed-off-by: Imam hussain <imam.hussain@est.tech>
Issue-ID: SDC-4084
Change-Id: Ia2443f5edcaece63d1d0d446bfbdf37dac24a77b

3 files changed, 10 insertions, 4 deletions

diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.html b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.html
index c57f99786c..3eb01beea9 100644
--- a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.html
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.html
@@ -19,13 +19,13 @@
     <content>
         <ul>
             <li *ngFor="let property of component.properties; let i = index"
-                class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow">
-                <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label hand"
+                class="i-sdc-designer-sidebar-section-content-item-property-and-attribute group-policy-properties" data-tests-id="propertyRow">
+                <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label hand group-policy-properties"
                      [attr.data-tests-id]="'propertyName_'+property.name"
                      tooltip="{{property.name}}"
                      (click)="!isViewOnly && editProperty(property)">{{property.name}}
                 </div>
-                <div class="i-sdc-designer-sidebar-section-content-item-property-value"
+                <div class="i-sdc-designer-sidebar-section-content-item-property-value group-policy-properties"
                      [attr.data-tests-id]="'value_'+property.name"
                      tooltip="{{property.value || property.defaultValue}}">{{property.value || property.defaultValue}}
                 </div>
diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.less b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.less
new file mode 100644
index 0000000000..e354e09500
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.less
@@ -0,0 +1,5 @@
+@import '../../../../../../../assets/styles/override';
+
+.group-policy-properties{
+    display: block;
+}
\ No newline at end of file
diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.ts b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.ts
index 24ae8b2833..cdce9fb200 100644
--- a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.ts
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.ts
@@ -29,7 +29,8 @@ import { Component as TopologyTemplate, GroupInstance } from "app/models";
 @Component({
     selector: 'group-or-policy-properties-tab',
     templateUrl: './group-or-policy-properties-tab.component.html',
-    styleUrls: ['./../properties-tab/properties-tab.component.less'],
+    styleUrls: ['./../properties-tab/properties-tab.component.less',
+                './group-or-policy-properties-tab.component.less'],
 })
 export class GroupOrPolicyPropertiesTab {