From 4338dd6c3f3704e1294d13ab48551302cd35377c Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Sat, 12 Jun 2021 01:16:45 -0300
Subject: [PATCH] Fix transaction title breaks row on some languages (#570)

---
 .../transaction/transaction.component.html           | 12 ++++++------
 .../transaction/transaction.component.scss           |  8 +++++---
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index c96b3ebe8..ed35889e8 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -9,8 +9,10 @@
       </a>
     </div>
   
-  <div class="flex">
-    <h1 i18n="shared.transaction">Transaction</h1>
+  <div>
+    <div class="title">
+      <h1 i18n="shared.transaction">Transaction</h1>
+    </div>
 
     <div class="tx-link">
       <a [routerLink]="['/tx/' | relativeUrl, txId]">
@@ -20,7 +22,7 @@
       <app-clipboard [text]="txId"></app-clipboard>
     </div>
 
-    <div class="container-buttons" >
+    <div class="container-buttons">
       <ng-template [ngIf]="tx?.status?.confirmed">
         <button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success">
           <ng-container *ngTemplateOutlet="latestBlock.height - tx.status.block_height + 1 == 1 ? confirmationSingular : confirmationPlural; context: {$implicit: latestBlock.height - tx.status.block_height + 1}"></ng-container>
@@ -33,9 +35,7 @@
       </ng-template>
     </div>
   </div>
-
-    <div class="clearfix"></div>
-  </div>
+</div>
   <div class="clearfix"></div>
 
   <ng-template [ngIf]="!isLoadingTx && !error">
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss
index 719f06b5b..cea65ab51 100644
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -31,8 +31,9 @@ h1{
 .container-buttons {
 	text-align: right;
     width: 100%;
-	@media (min-width: 992px) {
-		width: 300px;
+	@media (min-width: 850px) {
+		width: auto;
+		float: right;
 	}
 }
 
@@ -48,7 +49,8 @@ h1{
 	  margin-left: 10px;
 	  position: relative;	  
 	  text-align: left;
-	  width: 100%;
+	  width: auto;
+	  float: left;
 	}
 }