diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss index 53303f387..dbe8c9897 100644 --- a/app/assets/stylesheets/dashboard.scss +++ b/app/assets/stylesheets/dashboard.scss @@ -31,19 +31,31 @@ border-radius: rem-calc(6); margin-bottom: $line-height; padding: $line-height / 2; + text-align: center; - .counter { - text-align: center; + @include breakpoint(medium only) { + .change-behaviour { + float: left; + margin-top: $line-height / 2; + padding: $line-height; + width: 100%; + } } .counter-divider { - @include breakpoint(medium) { border-left: 2px solid $highlight; + } + + @include breakpoint(large) { border-right: 2px solid $highlight; } } + .supports .counter-label { + display: block; + } + .counter-value { font-size: rem-calc(20); font-weight: bold; @@ -57,7 +69,7 @@ .progress { background: #f0efea; border-radius: rem-calc(6); - height: $line-height; + height: $line-height / 2; } .progress-meter { diff --git a/app/views/layouts/dashboard/_proposal_totals.html.erb b/app/views/layouts/dashboard/_proposal_totals.html.erb index 3c110b474..7b72cdd30 100644 --- a/app/views/layouts/dashboard/_proposal_totals.html.erb +++ b/app/views/layouts/dashboard/_proposal_totals.html.erb @@ -1,6 +1,6 @@