Fix input stylings for adf-people-search and modify existing fix for form inputs (#2405)

ng2-components/ng2-activiti-form/src/components/form.component.scss

@@ -39,6 +39,6 @@ form-field {
     .mat-input-element {
         font-size: 14px;
         padding-top: 8px;
-        line-height: 20px;
+        line-height: normal;
     }
 }

ng2-components/ng2-activiti-tasklist/src/components/people-search.component.scss

@@ -3,9 +3,8 @@
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
 
-    :host {
+    .adf-people-search {
         width: 100%;
-    }
 
         .activiti-label {
             font-weight: bolder;
@@ -25,6 +24,10 @@
     
         .search-text-container {
             width: 100%;
+
+            input {
+                line-height: normal;
+            }
         }
     
         .search-list-container {
@@ -70,4 +73,5 @@
             height: 40px;
             vertical-align: middle;
         }    
+    }
 }

ng2-components/ng2-activiti-tasklist/src/components/people-search.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Directive, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, Directive, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { Observable } from 'rxjs/Observable';
 import { User } from '../models/user.model';
@@ -23,7 +23,11 @@ import { User } from '../models/user.model';
 @Component({
     selector: 'adf-people-search, activiti-people-search',
     templateUrl: './people-search.component.html',
-    styleUrls: ['./people-search.component.scss']
+    styleUrls: ['./people-search.component.scss'],
+    host: {
+        'class': 'adf-people-search'
+    },
+    encapsulation: ViewEncapsulation.None
 })
 
 export class PeopleSearchComponent implements OnInit {