Make both sides of payment request table look same

fix #1488
This commit is contained in:
Umar Bolatov 2020-04-20 20:45:59 -07:00
parent a7815f107e
commit e508b22d34
No known key found for this signature in database
GPG key ID: 2C1F9AEB371D2A28

View file

@ -89,9 +89,9 @@ else
class="w-100 px-3 pt-4 pb-3"
></div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 pt-2">
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="table-responsive">
<table class="table border-top-0 ">
<table class="table table-light border-top-0 ">
<thead>
<tr>
<th class="border-top-0" scope="col">Invoice #</th>
@ -105,13 +105,13 @@ else
<td colspan="4" class="text-center">No payments made yet</td>
</tr>
<template v-else v-for="invoice of srvModel.invoices" :key="invoice.id">
<tr class="bg-light">
<tr>
<td scope="row">{{invoice.id}}</td>
<td>{{invoice.amountFormatted}}</td>
<td>{{moment(invoice.expiryDate).format('L HH:mm')}}</td>
<td>{{invoice.status}}</td>
</tr>
<tr class="bg-light" v-if="invoice.payments && invoice.payments.length > 0">
<tr v-if="invoice.payments && invoice.payments.length > 0">
<td colspan="4" class=" px-2 py-1 border-top-0">
<div class="table-responsive">