Merge pull request #1012 from mempool/simon/cpfp-button-overlap-fix

Correcting CPFP button position on mobile

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

@@ -194,7 +194,7 @@
       <h2 i18n="transaction.inputs-and-outputs|Transaction inputs and outputs">Inputs & Outputs</h2>
     </div>
 
-    <button type="button" class="btn btn-outline-info btn-sm float-right" (click)="txList.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button>
+    <button type="button" class="btn btn-outline-info details-button btn-sm float-right" (click)="txList.toggleDetails()" i18n="transaction.details|Transaction Details">Details</button>
 
     <div class="clearfix"></div>
 

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

@@ -117,7 +117,6 @@
 	}
 }
 
-
 .title {
   h2 {
     line-height: 1;
@@ -127,7 +126,14 @@
 }
 
 .btn-outline-info {
-  margin-top: -10px;
+	margin-top: 5px;
+	@media (min-width: 768px){
+		margin-top: 0px;
+	}
+}
+
+.details-button {
+  margin-top: -5px;
 	@media (min-width: 768px){
 		display: inline-block;
     margin-top: 0px;