[ADF-4323] Add style fixes from ACA (#4546)

* [ADF-4323] add style fix for adf-search-sorting-picker

- moved from ACA

* [ADF-4323] use Flex Layout's media query mixin

* [ADF-4323] add style fix for adf-pagination

- moved from ACA

* [ADF-4323] add style fix for adf-version-manager

- which fixed issue [ACA-1750]

* [ADF-4323] remove not used property

* [ADF-4323] remove extra bottom-border

* [ADF-4323] upload-drag-area refactor to scss

* [ADF-4323] add style fix for adf file upload

- from ACA

* [ADF-4323] add style fix for adf-info-drawer

- from ACA

* [ADF-4323] add style fix for adf-toolbar

- from ACA

* [ADF-4323] add style fix for adf-sidenav-layout

- from ACA

* [ADF-4323] add style fix for adf-search-filter

- from ACA

* [ADF-4323] add style fix for adf-upload-drag-area

- from ACA

* [ADF-4323] add style fix for adf-info-drawer

- from ACA

* [ADF-4323] move style fix for adf-manage-versions from demo-shell

* [ADF-4323] use Flex Layout's media query mixin

* [ADF-4323] small fix to remove scrolling

* [ADF-4323] add adf-sidenav-layout host element class

* [ADF-4323] change 'inline' class name to 'adf-toolbar--inline'

- css lint was failing because of old naming

* [ADF-4323] set pagination empty state styling

* [ADF-4323] set pagination border to none

lib/core/layout/components/sidenav-layout/sidenav-layout.component.html

@@ -1,29 +1,27 @@
-<div class="adf-sidenav-layout">
-    <ng-container *ngIf="!isHeaderInside">
-        <ng-container class="adf-sidenav-layout-outer-header"
-                      *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
-    </ng-container>
+<ng-container *ngIf="!isHeaderInside">
+    <ng-container class="adf-sidenav-layout-outer-header"
+                  *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
+</ng-container>
 
-    <adf-layout-container #container
-                          [position]="position"
-                          [sidenavMin]="sidenavMin"
-                          [sidenavMax]="sidenavMax"
-                          [mediaQueryList]="mediaQueryList"
-                          [hideSidenav]="hideSidenav"
-                          [expandedSidenav]="expandedSidenav"
-                          data-automation-id="adf-layout-container"
-                          class="adf-layout__content">
+<adf-layout-container #container
+                      [position]="position"
+                      [sidenavMin]="sidenavMin"
+                      [sidenavMax]="sidenavMax"
+                      [mediaQueryList]="mediaQueryList"
+                      [hideSidenav]="hideSidenav"
+                      [expandedSidenav]="expandedSidenav"
+                      data-automation-id="adf-layout-container"
+                      class="adf-layout__content">
 
-        <ng-container app-layout-navigation
-                      *ngTemplateOutlet="navigationTemplate; context:templateContext"></ng-container>
+    <ng-container app-layout-navigation
+                  *ngTemplateOutlet="navigationTemplate; context:templateContext"></ng-container>
 
-        <ng-container app-layout-content>
-            <ng-container *ngIf="isHeaderInside">
-                <ng-container *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
-            </ng-container>
-            <ng-container *ngTemplateOutlet="contentTemplate; context:templateContext"></ng-container>
+    <ng-container app-layout-content>
+        <ng-container *ngIf="isHeaderInside">
+            <ng-container *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
         </ng-container>
-    </adf-layout-container>
-</div>
+        <ng-container *ngTemplateOutlet="contentTemplate; context:templateContext"></ng-container>
+    </ng-container>
+</adf-layout-container>
 
 <ng-template #emptyTemplate></ng-template>