From 7de2cf89f4d59d314a298670c04490edc3bc1282 Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Wed, 7 Jul 2021 09:22:25 -0300
Subject: [PATCH] Fix table overflow. (#612)

fixes #303
---
 frontend/src/app/dashboard/dashboard.component.html | 2 +-
 frontend/src/app/dashboard/dashboard.component.scss | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html
index ba2a4028b..ca8104489 100644
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -112,7 +112,7 @@
               <tbody>
                 <tr *ngFor="let transaction of transactions$ | async; let i = index;">
                   <td class="table-cell-txid"><a [routerLink]="['/tx' | relativeUrl, transaction.txid]">{{ transaction.txid | shortenString : 10 }}</a></td>
-                  <td class="table-cell-satoshis"><app-amount [satoshis]="transaction.value" digitsInfo="1.8-8" [noFiat]="true"></app-amount></td>
+                  <td class="table-cell-satoshis"><app-amount [satoshis]="transaction.value" digitsInfo="1.2-4" [noFiat]="true"></app-amount></td>
                   <td class="table-cell-fiat" *ngIf="(network$ | async) === ''" ><app-fiat [value]="transaction.value" digitsInfo="1.0-0"></app-fiat></td>
                   <td class="table-cell-fees">{{ transaction.fee / transaction.vsize | number : '1.1-1' }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></td>
                 </tr>
diff --git a/frontend/src/app/dashboard/dashboard.component.scss b/frontend/src/app/dashboard/dashboard.component.scss
index 394040cf5..2d969db58 100644
--- a/frontend/src/app/dashboard/dashboard.component.scss
+++ b/frontend/src/app/dashboard/dashboard.component.scss
@@ -120,16 +120,17 @@
 .latest-transactions {
   width: 100%;
   text-align: left;
+  table-layout:fixed; 
   tr, td, th {
     border: 0px;
   }
-  .table-cell-txid {
-    width: 20%;
+  td {
+    overflow:hidden;
+    width: 25%;
   }
   .table-cell-satoshis {
     display: none;
     text-align: right;
-    width: 30%;
     @media (min-width: 576px) {
       display: table-cell;
     }
@@ -143,7 +144,6 @@
   .table-cell-fiat {
     display: none;
     text-align: right;
-    width: 30%;
     @media (min-width: 485px) {
       display: table-cell;
     }
@@ -155,7 +155,6 @@
     }
   }
   .table-cell-fees {
-    width: 25%;
     text-align: right;
   }
 }