[ACA-1245] Document List - pagination is missing (#260)

* refactor styling

* disable :hoover in empty folders content

src/app/components/shared-files/shared-files.component.html

@@ -99,9 +99,9 @@
     </div>
 
     <div class="inner-layout__content">
-        <div class="inner-layout__panel">
+        <div class="inner-layout__panel" [ngClass]="{'adf-document-list--loading': documentList.isEmpty()}">
             <adf-document-list #documentList
-                [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
+                [attr.class]="documentList.isEmpty() ? 'adf-document-list--empty' : ''"
                 currentFolderId="-sharedlinks-"
                 selectionMode="multiple"
                 [sorting]="sorting"
@@ -173,10 +173,13 @@
 
                 </data-columns>
             </adf-document-list>
-            <adf-pagination [ngClass]="{ 'no-border' :documentList.isEmpty()}"
-                [target]="documentList"
-                (changePageSize)="onChangePageSize($event)">
-            </adf-pagination>
+
+            <ng-container *ngIf="!documentList.isEmpty()">
+                <adf-pagination
+                    [target]="documentList"
+                    (changePageSize)="onChangePageSize($event)">
+                </adf-pagination>
+            </ng-container>
         </div>
 
         <div class="inner-layout__side-panel"