Review 1 Changes

Author: ronakkaria

src/app/components/add-value-form/add-value-form.component.html

@@ -28,7 +28,7 @@
              [(ngModel)]="getItemArray()[i].key">
     </mat-form-field>
 
-    <mat-form-field *ngIf="type === 'Hash Map'">
+    <mat-form-field *ngIf="type === 'Hash Map'" [ngStyle]="{'width': 8 * getItemArray()[i].value.length + 'px'}" style="max-width:70%">
       <textarea matInput placeholder="Value"
              (change)="onValueChange()"
              [(ngModel)]="getItemArray()[i].value"

src/app/components/data-viewer/data-viewer.component.ts

@@ -239,7 +239,8 @@ export class DataViewerComponent implements OnInit, OnChanges {
       viewMode.isEditMode = true;
     }
     this.dialogService.open(AddValueDialogComponent, {
-      width: Math.min(1000, Math.max(480, (viewMode.key.length / 50) * 480)) + 'px',
+      minWidth: Math.min(1000, Math.max(480, (viewMode.key.length / 50) * 480)) + 'px',
+      minHeight: '400px',
       data: viewMode,
     }).afterClosed().subscribe(ret => {
       if (ret) {