From e7269b49a8c5e13568d1625039ca6cbac49f4183 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Wed, 19 Dec 2018 13:13:02 +0530
Subject: [PATCH] UI changes

---
 ng6-seed/src/app/dashboard/dashboard.component.html   |  2 +-
 ng6-seed/src/app/dashboard/dashboard.component.scss   |  1 +
 .../list-pd/map-pd-view/map-pd-view.component.html    |  2 +-
 .../list-pd/start-pd/start-pd.component.html          | 11 ++++++++---
 .../list-pd/start-pd/start-pd.component.scss          | 10 ++++++++++
 .../manage-pd/list-pd/view-pd/view-pd.component.html  |  8 ++++----
 .../manage-pd/list-pd/view-pd/view-pd.component.scss  |  3 +++
 7 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/ng6-seed/src/app/dashboard/dashboard.component.html b/ng6-seed/src/app/dashboard/dashboard.component.html
index c77268923..32e8a812f 100755
--- a/ng6-seed/src/app/dashboard/dashboard.component.html
+++ b/ng6-seed/src/app/dashboard/dashboard.component.html
@@ -1,4 +1,4 @@
-<div class="pad-wrap">   
+<div class="pad-wrap" [style.minHeight]="'100%'">   
         <div fxFlex.gt-sm="100" fxFlex.gt-xs="100" fxFlex="100">
         <mat-card style="min-height: 90%;">                     
                 <mat-card-title>
diff --git a/ng6-seed/src/app/dashboard/dashboard.component.scss b/ng6-seed/src/app/dashboard/dashboard.component.scss
index b76a73e1f..540704696 100755
--- a/ng6-seed/src/app/dashboard/dashboard.component.scss
+++ b/ng6-seed/src/app/dashboard/dashboard.component.scss
@@ -19,6 +19,7 @@ li
    display:inline-block;
    //float:left;
 }
+
  
 .example-full-width {
   width: 95%;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
index 706b6cfcb..f8b2e10b0 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/map-pd-view/map-pd-view.component.html
@@ -1,5 +1,5 @@
 
-<div fxLayout="row">
+<div fxLayout="row" [style.minHeight]="'100%'">
     <div  fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100">
         <div *ngIf="!noRecordFound" class="ml-xs mr-xs" style="width: 95%;">
             <mat-form-field dividerColor="primary" class="ml-xs mr-xs" style="width: 24%;">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
index 1be646df3..3c40f3481 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.html
@@ -14,11 +14,16 @@
                  </div>
                 </mat-card-title>
     </mat-card-header>
-    <mat-card-content>
+    <mat-card-content style="max-height:100% !important;">
         <div fxLayout="row wrap" class="child_mat_card">
-        <mat-card fxFlex.xs="90" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#827f7f' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
+        <mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#827f7f' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
             <mat-card-header>
-                <mat-card-title>{{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }}</mat-card-title>
+                    <div fxFlex="90" align="left" style="padding:15px !important;">
+                        {{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }}
+                    </div>                    
+                    <div fxFlex="20" align="end">
+                        <span style="padding: 3px;" class="menu-badge mat-purple ng-star-inserted" align="center">Q{{formButton.pd_form_order}}</span>
+                    </div>            
                 <!-- <mat-card-subtitle>Karthi Kms</mat-card-subtitle> -->
             </mat-card-header>
         </mat-card>                                                                                                                                          
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
index 1c43c6bb5..38778876d 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/start-pd.component.scss
@@ -11,6 +11,16 @@ mat-card.parent_mat_card > {
         max-height:52vh;
         overflow:auto;  
     }
+    .user-thumb {
+    position: absolute;
+    bottom: -35%;
+    // img {
+    //     border: 5px solid $white;
+    //     border-radius: 100%;
+    //     height: 75px;
+    //     width: 75px;
+    // }
+}
     // @media only screen and (max-width:319px)  { 
     //     mat-card-content {
     //         max-height: 350px;
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
index 26ce99179..2cec78216 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
@@ -75,7 +75,7 @@
                    <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editPdApplicant(pdApplicantData)"><mat-icon>edit</mat-icon></button>
                  </div>
              <mat-card-header>
-                 <mat-card-title>Applicants</mat-card-title>
+                 <mat-card-title style="color:red !important;">Applicants</mat-card-title>
                </mat-card-header>
 
              <mat-card-content *ngIf="pdApplicantData.length>0; else noApplicant">
@@ -101,7 +101,7 @@
                     <button mat-raised-button mat-button-sm mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="editAdditionalRequirement(pdAdditionalReqData)"><mat-icon>edit</mat-icon></button>
                   </div>
               <mat-card-header>
-                  <mat-card-title>Additional Requirements</mat-card-title>
+                  <mat-card-title style="color:red !important;">Additional Requirements</mat-card-title>
                 </mat-card-header>
  
               <mat-card-content *ngIf="pdAdditionalReqData.length>0; else noRequirement">
@@ -123,7 +123,7 @@
                 <!-- pd documents card -->
                 <mat-expansion-panel *ngIf="pdDocumentsData.length>0; else nodocument">
                    <mat-expansion-panel-header>
-                     <mat-panel-title class="text-xs-left">
+                     <mat-panel-title class="text-xs-left" style="color:red !important;">
                       <h6 class="mt-0">Documents</h6>
                      </mat-panel-title>                       
                    </mat-expansion-panel-header>
@@ -145,7 +145,7 @@
                    <!--pd logs card  -->
                      <mat-expansion-panel *ngIf="masterPdLogsData.length>0; else nohistory">
                          <mat-expansion-panel-header>
-                           <mat-panel-title class="text-xs-left">
+                           <mat-panel-title class="text-xs-left" style="color:red !important;">
                             <h6 class="mt-0"> PD History</h6>
                            </mat-panel-title>
                          
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
index 85e145279..bdf8de1d6 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
@@ -5,4 +5,7 @@
 }
 .minheight {
     min-height: 100%;
+}
+::ng-deep .body-container{
+    padding: 0rem !important;
 }
\ No newline at end of file