Fix page elements obscured by bottom nav bar on mobile

frontend/src/app/bisq/bisq-blocks/bisq-blocks.component.html

@@ -27,6 +27,9 @@
 
   <br>
   <ngb-pagination *ngIf="blocks.value" class="pagination-container" [size]="paginationSize" [collectionSize]="blocks.value[1]" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
+
+  <div class="clearfix"></div>
+  <br>
   </ng-container>
 </div>
 

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>

frontend/src/app/dashboard/dashboard.component.html

@@ -150,6 +150,8 @@
     <a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a>
   </div>
 
+  <br>
+
 </div>
 
 <ng-template #loadingAssetsTable>

frontend/src/app/docs/docs/docs.component.html

@@ -53,5 +53,7 @@
       <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
     </div>
 
+    <br>
+
   </div>
 </div>

frontend/src/app/lightning/channels-list/channels-list.component.html

@@ -28,6 +28,9 @@
   <table class="table table-borderless" *ngIf="response.channels.length === 0">
     <div class="d-flex justify-content-center" i18n="lightning.empty-channels-list">No channels to display</div>
   </table>
+
+  <div class="clearfix"></div>
+  <br>
 </div>
   
 <ng-template #tableHeader>