diff --git a/app/assets/stylesheets/darkswarm/account.scss b/app/assets/stylesheets/darkswarm/account.scss index 64e81497b1..772a87cb2f 100644 --- a/app/assets/stylesheets/darkswarm/account.scss +++ b/app/assets/stylesheets/darkswarm/account.scss @@ -146,3 +146,19 @@ table.full { width: 100%; } + +// Note this relies on the using `.show-for-large-up` as well. +.requiring-authorization tr { + position: relative; + + th:last-child { + position: absolute; + // The following calculation is the equivalent of: + // + // $table-cell-padding + 2 * browser's default border-spacing + 2 * table border + // + // Unfortunately we can't use Scss's interpolation + // https://sass-lang.com/documentation/interpolation. We're using a too old version perhaps? + right: calc(12px + 2*2px + 2*1px); + } +} diff --git a/app/assets/stylesheets/darkswarm/tables.scss b/app/assets/stylesheets/darkswarm/tables.scss index b2632d52f1..35c61d26b0 100644 --- a/app/assets/stylesheets/darkswarm/tables.scss +++ b/app/assets/stylesheets/darkswarm/tables.scss @@ -1,9 +1,11 @@ +$table-cell-padding: 12px; + table { thead tr, tbody tr { th, td { box-sizing: border-box; - padding-left: 12px; - padding-right: 12px; + padding-left: $table-cell-padding; + padding-right: $table-cell-padding; overflow: hidden; } } diff --git a/app/views/spree/users/_transactions.html.haml b/app/views/spree/users/_transactions.html.haml index 6173cf12d2..b6e6b8c36c 100644 --- a/app/views/spree/users/_transactions.html.haml +++ b/app/views/spree/users/_transactions.html.haml @@ -1,7 +1,7 @@ %script{ type: "text/ng-template", id: "account/transactions.html" } - if @payments_requiring_action.present? - .active_table - %h3.requiring-authorization= t(".authorization_required") + .active_table.requiring-authorization + %h3= t(".authorization_required") %table.full %tr %th= t :transaction