From 7de2cf89f4d59d314a298670c04490edc3bc1282 Mon Sep 17 00:00:00 2001 From: Miguel Medeiros 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 @@ {{ transaction.txid | shortenString : 10 }} - + {{ transaction.fee / transaction.vsize | number : '1.1-1' }} sat/vB 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; } }