diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
index b717def63..df7e389f2 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
@@ -5,14 +5,14 @@
         <h2 mat-dialog-title >{{doc_data.document_title}}</h2>    
         <span class="empty-spacer"></span>
             <!-- Buttons -->
-                <!-- <button mat-button color="accent"><mat-icon>zoom_in</mat-icon></button>-->
-                <!-- <button mat-button color="accent"><mat-icon>zoom_out</mat-icon></button> -->
+                <!-- <button mat-button mat-raised-button mat-icon-button><mat-icon>zoom_in</mat-icon></button>-->
+                <!-- <button mat-button mat-raised-button mat-icon-button><mat-icon>zoom_out</mat-icon></button> -->
                 <button mat-button class="toolbar-icon" (click)="rotate(1)" class="hover-icon" matTooltip="rotate left" matTooltipPosition="above"><mat-icon>rotate_left</mat-icon></button>
                 <button mat-button class="toolbar-icon" (click)="rotate(2)" class="hover-icon" matTooltip="rotate right" matTooltipPosition="above"><mat-icon>rotate_right</mat-icon></button>
                 <button mat-button class="toolbar-icon" (click)="clickToCrop()" class="hover-icon" matTooltip="Click the Image to Crop" matTooltipPosition="above"><mat-icon>crop</mat-icon></button>
-                <!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image focus " matTooltipPosition="above"><mat-icon>filter_center_focus</mat-icon></button> -->
-                <!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image fit" matTooltipPosition="above">Fit to screen</button>-->
-                <!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image ratio" matTooltipPosition="above">1:1</button> -->
+                <!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image focus " matTooltipPosition="above"><mat-icon>filter_center_focus</mat-icon></button> -->
+                <!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image fit" matTooltipPosition="above">Fit to screen</button>-->
+                <!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image ratio" matTooltipPosition="above">1:1</button> -->
                 <button mat-button class="toolbar-icon" (click)="closeDialogue()" class="hover-icon" matTooltip="Close" matTooltipPosition="right"><mat-icon>close</mat-icon></button>
     </mat-toolbar-row>
 </mat-toolbar>
@@ -22,28 +22,45 @@
         <div class="container">
                <img [src]="transform()">  
         </div>
+        <div fxLayout="row wrap" class="mt-1">
+            <div fxFlex="40">
+                        <mat-form-field style="width: 95%">
+                            <input matInput [(ngModel)]="document_title" autocomplete="off" placeholder="Enter Name" type="text">
+                        </mat-form-field>
+                </div>
+                <div fxFlex="20" style="text-align: left !important;">
+                        <span *ngIf="doc_data.is_show_report !== null">
+                            <mat-checkbox color="primary"  [checked]='doc_data.is_show_report == "1" ? true : false'
+                                    (change)="isshownreportforaddress($event.checked)"> Is shown report ?                                    
+                            </mat-checkbox>
+                        </span>  
+                </div>
+                <div fxFlex="30" style="text-align: left !important;">
+                    <div *ngIf="!previewflag">   
+                            <button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
+                            <button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
+                    </div>
+                </div>
+              </div>
           </span>
+          
     </div>
     
     <div style="text-align:center" *ngIf="cropflag">  
-        <button mat-button color="accent" (click)="crop()">Preview</button>
-        <button mat-button color="accent" (click)="closeDialogue()">Cancel</button>    
+        <button mat-button mat-raised-button mat-icon-button (click)="crop()" class="mr-1 mb-1 hover-icon" matTooltip="Preview Image" matTooltipPosition="above"><mat-icon>image</mat-icon></button>
+        <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>   
         <br/>
         <div *ngIf="previewflag">  
             <span>Preview - Cropped Image </span>
             <br/>
             <img [src]="cropImage"> 
-            <br/>
-            <span *ngIf="doc_data.is_show_report !== null">
-            <mat-checkbox color="primary"  [checked]='doc_data.is_show_report == "1" ? true : false'
-                 (change)="isshownreportforaddress($event.checked)"> Is shown report ?                                    
-            </mat-checkbox>
-            </span>
-            <br/>
-            <button mat-button color="accent" (click)="onSubmit()">Save</button>
-            <button mat-button color="accent" (click)="closeDialogue()">Cancel</button>
+            <button mat-button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
+            <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
         </div>
+
 </div>
+
+
     <ng-template #loader>
         <div fxLayoutAlign="center">
                     <mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.ts
index 035fa93c9..9fbe641d5 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.ts
@@ -25,12 +25,13 @@ export class ImageCropComponent implements OnInit, OnDestroy {
   isBase64Image:boolean = false;
   previewflag = false;
   address_form_id : any; //this one for
+  document_title ='';
 
   constructor( notifier: NotifierService, 
       private dialogRef: MatDialogRef<ImageCropComponent>,
       private sanitizer: DomSanitizer,
             private _pd: PdTrigerService,@Inject(MAT_DIALOG_DATA) public doc_data: any) { 
-              
+              this.document_title = doc_data.document_title;
               if(this.doc_data.hasOwnProperty('form_id')){                
                 var str = this.doc_data.document_name;
                 var splitted = str.split("(", 2); 
@@ -111,12 +112,15 @@ export class ImageCropComponent implements OnInit, OnDestroy {
 
     let records: any = {
       "pd_document_id": this.doc_data.document_id,
-      "pd_document_title": this.doc_data.document_title,
+      "pd_document_title": this.document_title,
       "pd_document_name": this.doc_data.document_name,
       "is_show_report": this.address_form_id != 0 ? this.isshownreport : this.doc_data.is_show_report,
       "image": this.cropImage,
       "fk_pd_id":this.doc_data.pdid
     };
+    // console.log(this.isshownreport);
+    // console.log(this.doc_data.is_show_report);
+    // console.log(this.is_show_report);
 
        this._pd.updatePDPhoto(records).subscribe(
            dataresult=>{