UI changes

ng6-seed/src/app/dashboard/dashboard.component.html

@@ -1,6 +1,6 @@
 <div class="pad-wrap">   
         <div fxFlex.gt-sm="100" fxFlex.gt-xs="100" fxFlex="100">
-        <mat-card style="min-height: 110%;">                     
+        <mat-card style="min-height: 90%;">                     
                 <mat-card-title>
                 <div fxFlex.gt-sm="25" fxFlex="100">
                         {{dashboardTitle}}          
@@ -45,7 +45,7 @@
         <!-- <pre> Full - {{doughnutChartDataForFullPD}} Smart -{{doughnutChartDataForSmartPD}} TELE -{{doughnutChartDataForTelePD}} </pre> -->
                 <mat-card-content>
                         <div fxLayout="row" style="min-height:280px;">
-                                <div *ngIf="total1 != 0" fxFlex.gt-sm="30" fxFlex="100" >
+                                <div *ngIf="total1 != 0" fxFlex.gt-sm="30" fxFlex="100" style="text-align:-webkit-center;">
                                         <canvas baseChart class="chart" id="FullCanvas" name="FullCanvas"
                                         height="280px" width="280px"
                                         [data]="doughnutChartDataForFullPD"
@@ -57,7 +57,7 @@
                                         <div  *ngIf="total1 != 0" class="donut-inner"><span>Full - {{total1}}</span></div>
                                 </div>
                                  
-                                <div *ngIf="total2 != 0" fxFlexOffset.gt-sm="5" fxFlex.gt-sm="30" fxFlex="100">
+                                <div *ngIf="total2 != 0" fxFlexOffset.gt-sm="5" fxFlex.gt-sm="30" fxFlex="100" style="text-align:-webkit-center;">
                                         <canvas baseChart class="chart" id="SmartCanvas" name="SmartCanvas"
                                         height="280px" width="280px"
                                         [data]="doughnutChartDataForSmartPD"
@@ -68,7 +68,7 @@
                                         [chartType]="doughnutChartType"></canvas>
                                         <div *ngIf="total2 != 0" class="donut-inner"><span>Smart - {{total2}}</span></div>
                                 </div> 
-                                <div *ngIf="total3 != 0" fxFlexOffset.gt-sm="5" fxFlex.gt-sm="30" fxFlex="100">
+                                <div *ngIf="total3 != 0" fxFlexOffset.gt-sm="5" fxFlex.gt-sm="30" fxFlex="100" style="text-align:-webkit-center;">
                                         <canvas baseChart class="chart" id="TeleCanvas" name="TeleCanvas"
                                         height="280px" width="280px"
                                         [data]="doughnutChartDataForTelePD"

ng6-seed/src/app/dashboard/dashboard.component.scss

@@ -48,8 +48,8 @@ li
 }
 
 .donut-inner{
-    margin-top: -171px;
-    margin-left: 120px;
+    margin-top: -165px;
+    // margin-left: 120px;
     
 }
 
@@ -67,4 +67,7 @@ min-height: 400px;
 }
 .chart{
      padding: 0.8rem;
+}
+::ng-deep .body-container{
+    padding: 0rem !important;
 }

ng6-seed/src/app/dashboard/dashboard.component.ts

@@ -66,6 +66,7 @@ export class DashboardComponent {
       position: 'bottom'
     }
   };
+  	
   
   /** Declaration Part Of Title Section */
 

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.html

@@ -1,7 +1,7 @@
 <form [formGroup]="_EditApplicantForm">
 
     <h2 mat-dialog-title class="paragraph_change">
-            <div fxFlex="70" align="left">
+            <div fxFlex="70" align="left" style="padding: 10px !important;">
                     {{pageTitle}}
 
             </div>

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-applicant/edit-pd-applicant.component.scss

@@ -2,5 +2,7 @@ mat-form-field {
     margin: 0 2%;
   }
 .paragraph_change {
-  color:  #e00201 !important;
+  color:  #fff !important;
+   background-color: #e00201 !important;
+  // padding: 10px !important;
 }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.html

@@ -1,7 +1,7 @@
 <form [formGroup]="_EditPDtriggerForm" novalidate>
 
         <h2 mat-dialog-title class="paragraph_change">
-                <div fxFlex="70" align="left">
+                <div fxFlex="70" align="left" style="padding: 10px !important;">
                         {{pageTitle}}
                 </div>
                 <div fxFlex="30" align="end">

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/edit-pd-master/edit-pd-master.component.scss

@@ -2,5 +2,13 @@ mat-form-field {
     margin: 0 2%;
   }
 .paragraph_change {
-  color:  #e00201 !important;
-}
+  color:  #fff !important;
+  background-color: #e00201 !important;
+  // padding: 10px !important;
+}
+ .cdk-global-overlay-wrapper{
+        justify-content: center !important;
+}
+ mat-dialog-actions{
+    border-top: 2px solid #e00201;
+ }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html

@@ -81,7 +81,7 @@
                 </mat-card>
                 </div> 
             </div><!--End Row-->
-                <div    style="text-align:right;position:absolute;z-index:2;bottom: 0;right: 0;">
+                <div style="text-align:right;position:absolute;z-index:2;bottom: 0;right: 0;margin-right: 70px;margin-bottom: 65px;">
                     <span style="width: 30px; height: 10px;  background:#009688;color:#009688">II</span> Full &nbsp; <span style="width: 30px; height: 10px;  background:#673ab7;color:#673ab7">II</span> Smart  
                     </div>
           </div>

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.scss

@@ -39,4 +39,7 @@ $mat-toolbar-height-mobile-landscape: 48px !default;
 /* optional: show position indicator in red */
 ::-webkit-scrollbar-thumb {
     background: #FF0000;
+}
+::ng-deep .body-container{
+  padding:0px !important;
 }

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.scss

@@ -12,3 +12,7 @@
 .text_change {
     color:  #e00201 !important;
 }
+ .cdk-global-overlay-wrapper{
+        justify-content: center !important;
+}
+

ng6-seed/src/app/personal-discussion/manage-pd/list-pd/pd-allocation/pd-allocation.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, Inject } from '@angular/core';
+import { Component, OnInit, Inject, ViewEncapsulation } from '@angular/core';
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA , DialogPosition} from '@angular/material';
 import { FormBuilder, FormGroup, Validators, FormControl, FormArray } from '@angular/forms';
 import { NotifierService } from 'angular-notifier';
@@ -8,7 +8,9 @@ import { AllocationViewMoreComponent } from './../allocation-view-more/allocatio
 @Component({
   selector: 'app-pd-allocation',
   templateUrl: './pd-allocation.component.html',
-  styleUrls: ['./pd-allocation.component.scss']
+  styleUrls: ['./pd-allocation.component.scss'],
+    encapsulation: ViewEncapsulation.None
+
 })
 export class PdAllocationComponent implements OnInit {
   public pageTitle: string = "Allocation To PD Officer"; 
@@ -89,7 +91,7 @@ export class PdAllocationComponent implements OnInit {
         data: details,
         disableClose: true,
         position: { right: '0'},
-        width:'80%',
+        width:'100%',
         // hasBackdrop:false
       });
       // dialogSchedule.afterClosed()