Make payment auth table as wide as table below

This makes this page look a bit more consistent. Note I also had to fix
the price in the value column.

To do this I pulled out the width property from `.orders` which defines
too many things. This way we can make the auth table full-width while
not being tied to all the other properties which are not needed in this
table. Then, `.orders`'s nested `.order1, .order2` etc. column class
become useless.
This commit is contained in:
Pau Perez
2021-02-22 10:53:21 +01:00
committed by Andy Brett
parent cbb919f28b
commit ad147ed8f5
2 changed files with 13 additions and 10 deletions

View File

@@ -99,7 +99,6 @@
.transaction-group {}
table {
width: 100%;
border-radius: $radius-medium $radius-medium 0 0;
tr:nth-of-type(even) {
@@ -143,3 +142,7 @@
width: 10%;
}
}
table.full {
width: 100%;
}

View File

@@ -2,24 +2,24 @@
- if @payments_requiring_action.present?
.active_table
%h3.requiring-authorization= t(".authorization_required")
%table
%table.full
%tr
%th.order1= t :transaction
%th.order2= t :transaction_date
%th.order3.show-for-large-up= t :payment_state
%th.order5.text-right= t :value
%th= t :transaction
%th= t :transaction_date
%th.show-for-large-up= t :payment_state
%th.text-right= t :value
%tbody
- @payments_requiring_action.each do |payment|
%tr
%td.order1
%td
= link_to payment.order.number, main_app.order_path(payment.order)
%td.order2
%td
= payment.updated_at.strftime("%Y-%m-%d")
%td.order3
%td
%a{ href: "#{payment.cvv_response_message}" }
%button.x-small
Authorize
%td.order5
%td.text-right
= payment.display_amount
.active_table.orders{"ng-controller" => "OrdersCtrl", "ng-cloak" => true}