Merge pull request #2802 from vvlladd28/improvement/style

Update style

ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.html

@@ -85,7 +85,8 @@
                           formControlName="entityId">
         </tb-entity-select>
       </section>
-      <div formGroupName="keys">
+      <div class="mat-accordion-container" formGroupName="keys">
+        <mat-accordion [multi]="true">
           <mat-expansion-panel formGroupName="attributes" [expanded]="true">
             <mat-expansion-panel-header>
               <mat-panel-title>
@@ -130,6 +131,7 @@
               [dataKeyType]="dataKeyType.timeseries">
             </tb-entity-keys-list>
           </mat-expansion-panel>
+        </mat-accordion>
       </div>
       <tb-datetime
         dateText="entity-view.start-date"

ui-ngx/src/app/modules/home/pages/entity-view/entity-view.component.scss

@@ -14,16 +14,7 @@
  * limitations under the License.
  */
 :host {
-  mat-expansion-panel {
+  .mat-accordion-container {
     margin-bottom: 16px;
   }
 }
-
-.tb-dialog {
-  :host {
-    mat-expansion-panel {
-      margin-left: 6px;
-      margin-right: 6px;
-    }
-  }
-}

ui-ngx/src/app/modules/home/pages/tenant/tenant.component.scss

@@ -14,9 +14,15 @@
  * limitations under the License.
  */
 :host ::ng-deep {
-  .mat-checkbox.hinted-checkbox {
+  .mat-checkbox{
+    &.hinted-checkbox {
       .mat-checkbox-inner-container {
         margin-top: 4px;
       }
     }
+
+    .mat-checkbox-layout{
+      white-space: normal;
+    }
+  }
 }

ui-ngx/src/styles.scss

@@ -812,7 +812,6 @@ mat-label {
         min-width: 100%;
         display: flex;
         flex-direction: column;
-        overflow: auto;
       }
       .mat-dialog-content {
         margin: 0;
@@ -862,7 +861,7 @@ mat-label {
       .mat-dialog-container {
         > *:first-child, form {
           min-width: 100% !important;
-          height: 100vh;
+          height: 100%;
         }
         .mat-dialog-content {
           max-height: 100%;