Add details in template list popup

Issue-ID: VID-730
Signed-off-by: Yoav Schneiderman <yoav.schneiderman@intl.att.com>
Change-Id: Id6c04f3400bb0b518e857011dfb72042cb79d184

3 files changed, 15 insertions, 10 deletions

diff --git a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
index fe08bf086..9b2ce8300 100644
--- a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
+++ b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.html
@@ -33,8 +33,8 @@
           </div>
         </div>
       </div>
-      <div class="row" style="margin-left: 0;margin-right: 0;padding: 20px;">
-        <table id="member-table" class="table table-bordered" style="table-layout: fixed">
+      <div class="row table-container">
+        <table id="member-table" class="table table-bordered table-responsive" style="table-layout: fixed">
           <thead class="thead-dark">
           <tr>
             <th class="header-title" id="header-userId">User ID</th>
diff --git a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.scss b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.scss
index 267d2cee0..c0ce0c985 100644
--- a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.scss
+++ b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.scss
@@ -6,6 +6,7 @@ $grid-border: 1px #d2d2d2 solid;
   thead {
     background: #F8F8F8;
   }
+
   .left-panel {
     background: #f2f2f2;
     border-right: $grid-border;
@@ -161,7 +162,7 @@ $grid-border: 1px #d2d2d2 solid;
 
   .description-section {
     padding: 20px;
-    font-size: 20px;
+    font-size: 13px;
   }
 
   .filter-input {
@@ -173,6 +174,17 @@ $grid-border: 1px #d2d2d2 solid;
     text-align: right;
   }
 
+  .table-container {
+    overflow: auto;
+    width: 97%;
+    margin: auto;
+    max-height: calc(100% - 122px);
+  }
+
+
+  table {
+    font-size: 12px;
+  }
 
   td.loadTemplateButton {
     text-align: center;
diff --git a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.ts b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.ts
index 7b16b6677..9681113e8 100644
--- a/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.ts
+++ b/vid-webpack-master/src/app/shared/components/genericFormPopup/instantiationTemplatesModal/instantiation.templates.modal.component.ts
@@ -46,16 +46,9 @@ export class InstantiationTemplatesModalComponent extends DialogComponent<string
 
   loadTemplate = () => {
     this._instantiationStatusComponentService.navigateToNewViewEdit(this.selectedInstantiation, DrawingBoardModes.RECREATE)
-
   };
 
-
   closeModal(): void {
-    this._iframeService.removeClassCloseModal('content');
     this.dialogService.removeDialog(this);
-    setTimeout(() => {
-      window.parent.postMessage("closeIframe", "*");
-    }, 15);
-
   }
 }