From 3c38aaaf3376461e39703fa63b8fccc9afb89ec7 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Tue, 10 Mar 2020 15:25:49 +0700
Subject: [PATCH] Fixes to responsive design.

---
 frontend/src/app/components/footer/footer.component.html | 2 +-
 .../components/transaction/transaction.component.html    | 6 +++---
 .../components/transaction/transaction.component.scss    | 9 ---------
 .../transactions-list/transactions-list.component.html   | 4 ++--
 4 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/components/footer/footer.component.html b/frontend/src/app/components/footer/footer.component.html
index e3b81a329..2c1770eed 100644
--- a/frontend/src/app/components/footer/footer.component.html
+++ b/frontend/src/app/components/footer/footer.component.html
@@ -1,7 +1,7 @@
 <footer class="footer">
   <div class="container-xl">
     <div class="row text-center" *ngIf="memPoolInfo">
-      <div class="col">
+      <div class="col d-none d-sm-block">
         <span class="txPerSecond">Tx weight per second:</span>
         <div class="progress sub-text">
           <div class="progress-bar {{ progressClass }}" role="progressbar" [ngStyle]="{'width': progressWidth}">{{ memPoolInfo?.vBytesPerSecond | ceil | number }} vBytes/s</div>
diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 2fe72a5e1..1ce26156b 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -7,13 +7,13 @@
   <div class="transaction-content">
 
   <div class="title-block">
-    <h1 class="float-left-md">Transaction</h1>
+    <h1 class="float-md-left">Transaction</h1>
 
     <ng-template [ngIf]="tx?.status?.confirmed">
-      <button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success float-right-md mr-2" style="margin-top: 0.75rem;">{{ latestBlock.height - tx.status.block_height + 1 }} confirmation<ng-container *ngIf="latestBlock.height - tx.status.block_height + 1 > 1">s</ng-container></button>
+      <button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success float-md-right mr-2" style="margin-top: 0.75rem;">{{ latestBlock.height - tx.status.block_height + 1 }} confirmation<ng-container *ngIf="latestBlock.height - tx.status.block_height + 1 > 1">s</ng-container></button>
     </ng-template>
     <ng-template [ngIf]="tx && !tx?.status.confirmed">
-      <button type="button" class="btn btn-sm btn-danger float-right-md mr-2" style="margin-top: 0.75rem;">Unconfirmed</button>
+      <button type="button" class="btn btn-sm btn-danger float-md-right mr-2" style="margin-top: 0.75rem;">Unconfirmed</button>
     </ng-template>
 
     <div>
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index 2dbe31fbc..66730e887 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -20,12 +20,3 @@
 		margin-top: 15px;
 	}
 }
-
-@media (min-width: 768px) {
-  .float-right-md {
-    float: right;
-  }
-  .float-left-md {
-    float: left;
-  }
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index 8d81926d7..aa45cb4f9 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -34,7 +34,7 @@
                   </ng-template>
                   <ng-template #regularVin>
                     <a [routerLink]="['/address/', vin.prevout.scriptpubkey_address]" title="{{ vin.prevout.scriptpubkey_address }}">
-                      <span style="float: left;" class="d-block d-lg-none">{{ vin.prevout.scriptpubkey_address | shortenString : 16 }}</span>
+                      <span class="d-block d-lg-none">{{ vin.prevout.scriptpubkey_address | shortenString : 16 }}</span>
                       <span class="d-none d-lg-block">{{ vin.prevout.scriptpubkey_address | shortenString : 42 }}</span>
                     </a>
                     <div>
@@ -52,7 +52,7 @@
 
       </div>
       <div class="col mobile-bottomcol">
-        <table class="table table-borderless smaller-text table-xs"  style="margin: 0;height: 100%;">
+        <table class="table table-borderless smaller-text table-xs"  style="margin: 0;">
           <tbody>
             <tr *ngFor="let vout of tx.vout; let vindex = index;">
               <td>