diff --git a/web-wallet/src/lib/components/Transactions/Transactions.svelte b/web-wallet/src/lib/components/Transactions/Transactions.svelte index 20ae088bef..7d65498604 100644 --- a/web-wallet/src/lib/components/Transactions/Transactions.svelte +++ b/web-wallet/src/lib/components/Transactions/Transactions.svelte @@ -172,10 +172,7 @@ .transactions-list { display: grid; grid-template-columns: max-content auto; - - &__loading-container { - margin: 1em auto; - } + width: 100%; &__term { background-color: var(--background-color-alt); @@ -189,6 +186,10 @@ text-transform: uppercase; } + &__loading-container { + margin: 1em auto; + } + &__datum { grid-column: 2; line-height: 150%; diff --git a/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap b/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap index 48a734e29a..da10908f6f 100644 --- a/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap +++ b/web-wallet/src/lib/components/__tests__/__snapshots__/Transactions.spec.js.snap @@ -2,10 +2,10 @@ exports[`Transactions > renders the correct amount of Transactions, as the limit supplied 1`] = `

renders the correct amount of Transactions, as the limit exports[`Transactions > renders transactions correctly when items are fulfilled 1`] = `

should render a card when there is an error getting transac

should render the dashboard page and show a throbber while

should render the dashboard page with the transactions afte

should render the transactions page 1`] = `