fix: minor style changes to list view and multi select (#1312)

Author: anandtiwary

projects/components/src/list-view/list-view.component.scss

@@ -6,7 +6,7 @@ $horizontal-offset: 12px;
 
 @mixin grid-view {
   width: 100%;
-  padding: 8px 0;
+  padding: 10px 0;
   display: grid;
   grid-template-columns: $key-width $value-width;
   align-content: center;
@@ -41,7 +41,6 @@ $horizontal-offset: 12px;
   .data-row {
     @include font-placeholder();
     color: $gray-9;
-    min-height: 40px;
     word-break: break-word;
 
     .key,

projects/components/src/multi-select/multi-select.component.ts

@@ -57,8 +57,8 @@ import { MultiSelectJustify } from './multi-select-justify';
             #triggerContainer
           >
             <ht-icon *ngIf="this.icon" [icon]="this.icon" [size]="this.iconSize"></ht-icon>
-            <ng-container *htLoadAsync="this.triggerValues$ as triggerValues">
-              <div *ngIf="!this.isIconOnlyMode()" class="trigger-label-container">
+            <ng-container *ngIf="!this.isIconOnlyMode()">
+              <div class="trigger-label-container" *ngIf="this.triggerValues$ | async as triggerValues">
                 <ht-label class="trigger-label" [label]="triggerValues.label"></ht-label>
                 <span *ngIf="triggerValues.selectedItemsCount > 1" class="trigger-more-items"
                   >+{{ triggerValues.selectedItemsCount - 1 }}</span