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
|