<div class="box">
  <div class="row">
    <div class="col-sm">
      <table class="table table-borderless table-striped">
        <tbody>
          <tr>
            <td class="td-width">Inputs</td>
            <td>{{ totalInput / 100 | number: '1.2-2' }} BSQ</td>
          </tr>
          <tr>
            <td>Outputs</td>
            <td>{{ totalOutput / 100 | number: '1.2-2' }} BSQ</td>
          </tr>
          <tr>
            <td>Issuance</td>
            <td>{{ totalIssued / 100 | number: '1.2-2' }} BSQ</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="col-sm">
      <table class="table table-borderless table-striped">
        <tbody class="mobile-even">
          <tr>
            <td class="td-width">Type</td>
            <td><app-bisq-icon class="mr-1" [txType]="tx.txType"></app-bisq-icon> {{ tx.txTypeDisplayString }}</td>
          </tr>
          <tr>
            <td>Version</td>
            <td>{{ tx.txVersion }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>