Portal SDK UI Issues

-Tab icon
-Grid elements size correction
-Drag & Delete icons misalignment
-Left menu collapse functionality (CSS/ Arrows)
-App name in header

Change-Id: Ibcaec119a6009a5fd9305b1ed838b64a0bcfb749
Issue-ID: PORTAL-933
Signed-off-by: krutbhat@att.com

5 files changed, 7 insertions, 8 deletions

diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.html b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.html
index 16141e6b..26c5c21d 100644
--- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.html
+++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.html
@@ -34,6 +34,6 @@
   ============LICENSE_END============================================
    
 -->
-<div>
-  <canvas id="fixes-enhancements"></canvas>
+<div style="display: block; height: 250px; width: 400px;"> 
+  <canvas id="fixes-enhancements" style="display: block; height: 250px; width: 400px;"></canvas>
 </div>
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/pie-chart/pie-chart.component.html b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/pie-chart/pie-chart.component.html
index e4977f96..8bc42862 100644
--- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/pie-chart/pie-chart.component.html
+++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/pie-chart/pie-chart.component.html
@@ -34,6 +34,6 @@
   ============LICENSE_END============================================
    
 -->
-<div  style="display: block; height: 250px; width: 450px;">
-    <canvas id="fb-root-causes" style="display: block; height: 250px; width: 450px;"></canvas>
+<div  style="display: block; height: 250px; width: 428px;">
+    <canvas id="fb-root-causes" style="display: block; height: 250px; width: 428px;"></canvas>
 </div>
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.css b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.css
index 0124786e..50a2f690 100644
--- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.css
+++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.css
@@ -203,7 +203,6 @@ button {
   cursor: pointer;
   background: transparent;
   border: none;
-  padding: 10px;
   font-size: xx-large;
   outline: none;
 }
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.html b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.html
index d010f983..a58d7e50 100644
--- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.html
+++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.html
@@ -100,7 +100,7 @@
           <div class="gridster-box"> 
             <div class="gridster-box-header">
                 <h3>Important Links</h3>
-                <div class="gridster-box-content">
+                <div class="gridster-box-content" style="height:390px">
                   <div>
                     <table>
                       <thead>
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.ts b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.ts
index 47e83e90..5a56c9aa 100644
--- a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.ts
+++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/welcome-dashboard.component.ts
@@ -118,8 +118,8 @@ export class WelcomeDashboardComponent {
 
   ngOnInit(){  
     this.gridOptions = {
-      minCols: 6,
-      maxCols: 6,
+      minCols: 4,
+      maxCols: 4,
       minRows: 10,
       maxRows: 10,
       maxItemCols: 50,