diff --git a/app/assets/stylesheets/components/big-number.scss b/app/assets/stylesheets/components/big-number.scss index f9d0508be..f3a97af4a 100644 --- a/app/assets/stylesheets/components/big-number.scss +++ b/app/assets/stylesheets/components/big-number.scss @@ -26,6 +26,16 @@ } +.big-number-smallest { + + @extend %big-number; + + .big-number-number { + @include bold-24(); + } + +} + .big-number-with-status { @extend %big-number; diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss index 05079605f..6c0c6517e 100644 --- a/app/assets/stylesheets/components/table.scss +++ b/app/assets/stylesheets/components/table.scss @@ -1,7 +1,6 @@ .table { margin-bottom: $gutter; width: 100%; - table-layout: fixed; } .table-heading { @@ -9,24 +8,32 @@ margin: 40px 0 $gutter-half 0; } -.table-field-headings { - th { - padding: 0 0 5px 0; +.dashboard-table { + + .table { + table-layout: fixed; } -} -.table-row { - th { - display: table-cell; - width: 52.5%; - font-weight: normal; - - .hint { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + .table-field-headings { + th { + padding: 0 0 5px 0; } } + + .table-row { + th { + display: table-cell; + width: 52.5%; + font-weight: normal; + + .hint { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + } %table-field, @@ -105,7 +112,7 @@ .table-field-heading { - &-first { + .dashboard-table &-first { width: 52.5%; } diff --git a/app/templates/components/big-number.html b/app/templates/components/big-number.html index 3a2991b0f..062297855 100644 --- a/app/templates/components/big-number.html +++ b/app/templates/components/big-number.html @@ -1,11 +1,11 @@ -{% macro big_number(number, label, label_link=None, currency='', smaller=False) %} -
+ {{ item.to }} +
++ {% if item.job %} + From {{ item.job.original_file_name }} + {% else %} + {{ item.template.name }} + from an API call + {% endif %} +
+ {% endcall %} + + {{ date_field( + (item.updated_at or item.created_at)|format_datetime_short + ) }} + + {% call field(status=item.status|format_notification_status_as_field_status, align='right') %} + {{ item.status|format_notification_status(item.template.template_type) }} + {% endcall %} - {% call row_heading() %} -- {{ item.to }} -
-- {% if item.job %} - From {{ item.job.original_file_name }} - {% else %} - {{ item.template.name }} - from an API call - {% endif %} -
{% endcall %} - - {{ date_field( - (item.updated_at or item.created_at)|format_datetime_short - ) }} - - {% call field(status=item.status|format_notification_status_as_field_status, align='right') %} - {{ item.status|format_notification_status(item.template.template_type) }} - {% endcall %} - - {% endcall %} +