Fix page elements obscured by bottom nav bar on mobile

frontend/src/app/components/assets/assets.component.html

@@ -20,6 +20,8 @@
 
   <ngb-pagination [collectionSize]="assets.length" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="ellipses"></ngb-pagination>
 
+  <div class="clearfix"></div>
+  <br>
 </ng-container>
 
 <ng-template #isLoading>

frontend/src/app/components/block/block.component.html

@@ -333,6 +333,9 @@
       </div>
     </ng-template>
     <ngb-pagination class="pagination-container float-right" [collectionSize]="block.tx_count" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page, blockTxTitle)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
+
+    <div class="clearfix"></div>
+    <br>
   </ng-template>
   <ng-template [ngIf]="error">
     <div class="text-center">

frontend/src/app/components/blocks-list/blocks-list.component.html

@@ -122,6 +122,9 @@
       [collectionSize]="blocksCount" [rotate]="true" [maxSize]="maxSize" [pageSize]="15" [(page)]="page"
       (pageChange)="pageChange(page)" [boundaryLinks]="true" [ellipses]="false">
     </ngb-pagination>
+
+    <div class="clearfix"></div>
+    <br>
   </div>
   
 </div>

frontend/src/app/components/blocks-list/blocks-list.component.scss

@@ -6,7 +6,6 @@
 
 .container-xl {
   max-width: 1400px;
-  padding-bottom: 100px;
 }
 .container-xl.widget {
   padding-left: 0px;

frontend/src/app/components/statistics/statistics.component.scss

@@ -1,5 +1,5 @@
 .container-graph {
-  padding: 0px 15px;
+  padding: 0px 15px 60px;
 }
 
 .card-header {

frontend/src/app/components/transaction/transaction.component.html

@@ -464,6 +464,8 @@
     </ng-template>
   </ng-template>
 
+  <br>
+
 </div>
 
 <br>