From 893252dd7ad77c7267950d0c95762a5237926d5a Mon Sep 17 00:00:00 2001
From: Deepak Paul <deepak.paul@muraai.com>
Date: Fri, 1 Sep 2017 23:08:57 +0530
Subject: [PATCH] [ADF-1407] Editing a Report title should be aligned (#2278)

* Fixed report title alignment
---
 ...analytics-report-parameters.component.html |  6 +++---
 ...analytics-report-parameters.component.scss | 21 +++++++++++++------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
index 94d8aad71a..2cd6156980 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.html
@@ -6,7 +6,7 @@
                     <adf-toolbar>
                         <adf-toolbar-title class="adf-report-title-container">
                             <div *ngIf="isEditable">
-                                <md-input-container>
+                                <md-input-container class="adf-full-width-input">
                                     <input
                                         mdInput
                                         type="text"
@@ -21,9 +21,9 @@
                                     />
                                 </md-input-container>
                             </div>
-                            <div *ngIf="!isEditable" (click)="editEnable()">
+                            <div class="adf-report-title" *ngIf="!isEditable" (click)="editEnable()">
                                 <md-icon class="adf-report-icon" >mode_edit</md-icon>
-                                <h4 class="adf-report-title" >{{reportParameters.name}}</h4>
+                                <h4>{{reportParameters.name}}</h4>
                             </div>
                         </adf-toolbar-title>
                         <div *ngIf="!isEditable">
diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.scss b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.scss
index 51cb05363b..a016976088 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.scss
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-parameters.component.scss
@@ -24,20 +24,20 @@
 
 .adf-edit-report-title {
     float: left;
-    font-size: 20px;
-    padding-left: 38px;
-    padding-top: 10px;
+    font-size: 20px!important;
+    padding-top: 19px;
 }
 
 .adf-report-icon {
     float: left;
-    margin-right: 5px;
-    padding: 4px 0 0 9px;
+    padding: 5px 5px 0 0;
     visibility: hidden;
 }
 
 .adf-report-title-container {
     cursor: pointer;
+    width: 100%;
+    margin-bottom: 12px;
 
     :hover .adf-report-icon {
         color: rgb(68, 138, 255);
@@ -46,6 +46,14 @@
 
 }
 
+.adf-report-title {
+    padding-top: 10px;
+}
+
+.adf-full-width-input {
+    width: 100%;
+}
+
 .is-hide {
     height: 0;
     overflow: hidden;
@@ -54,10 +62,11 @@
 
 .adf-report-report-container {
     border-bottom: solid 1px rgb(212, 212, 212);
-    padding: 10px 10px 10px 10px;
+    padding-top: 10px;
 
     .mat-toolbar {
         border: 0 !important;
+        padding: 0 !important;
     }
 }