fix toolbar and page port view for size in small devices (#2338)

remove old alfresco and activiti prefix
fix login toggle mobile devices

demo-shell-ng2/app/components/search/search-bar.component.html

@@ -1,4 +1,4 @@
-<alfresco-search-control *ngIf="isLoggedIn()"
+<adf-search-control *ngIf="isLoggedIn()"
                          [searchTerm]="searchTerm"
                          [autocomplete]="false"
                          [highlight]="true"
@@ -6,10 +6,10 @@
                          (searchChange)="onSearchTermChange($event);"
                          (expand)="onExpandToggle($event);"
                          (fileSelect)="onItemClicked($event)">
-</alfresco-search-control>
+</adf-search-control>
 
-<alfresco-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed"
+<adf-viewer *ngIf="fileShowed" [(showViewer)]="fileShowed"
                  [fileNodeId]="fileNodeId"
                  [overlayMode]="true">
     <md-spinner></md-spinner>
-</alfresco-viewer>
+</adf-viewer>

demo-shell-ng2/app/components/search/search.component.html

@@ -1,14 +1,14 @@
 <div class="search-results-container">
-    <h1>Search results</h1>
-    <alfresco-search
+    <div class="adf-search-title">Search results</div>
+    <adf-search
         [navigate]="false"
-        (nodeDbClick)="nodeDbClick($event)"></alfresco-search>
+        (nodeDbClick)="nodeDbClick($event)"></adf-search>
 </div>
 
 <div *ngIf="fileShowed">
-    <alfresco-viewer [(showViewer)]="fileShowed"
+    <adf-viewer [(showViewer)]="fileShowed"
                      [fileNodeId]="fileNodeId"
                      [overlayMode]="true">
         <md-spinner></md-spinner>
-    </alfresco-viewer>
+    </adf-viewer>
 </div>

demo-shell-ng2/app/components/search/search.component.scss

@@ -0,0 +1,20 @@
+div.search-results-container {
+    padding: 0 20px 20px 20px;
+}
+
+.adf-search-title {
+    font-size: 22px;
+    padding: 15px 0 15px 0;
+}
+
+@media screen and (max-width: 600px) {
+    :host .col-display-name {
+        min-width: 100px;
+    }
+    :host .col-modified-at, :host .col-modified-by {
+        display: none;
+    }
+    :host div.search-results-container table {
+        width: 100%;
+    }
+}

demo-shell-ng2/app/components/search/search.component.ts

@@ -21,28 +21,7 @@ import { Router } from '@angular/router';
 @Component({
     selector: 'search-component',
     templateUrl: './search.component.html',
-    styles: [`
-        :host div.search-results-container {
-            padding: 0 20px 20px 20px;
-        }
-        :host h1 {
-            font-size: 22px;
-        }
-        :host tbody tr {
-            cursor: pointer;
-        }
-        @media screen and (max-width: 600px) {
-            :host .col-display-name {
-                min-width: 100px;
-            }
-            :host .col-modified-at, :host .col-modified-by {
-                display: none;
-            }
-            :host div.search-results-container table {
-                width: 100%;
-            }
-        }
-    `]
+    styleUrls: ['./search.component.scss']
 })
 export class SearchComponent {