diff --git a/app/assets/images/stats_users.png b/app/assets/images/stats_users.png new file mode 100644 index 000000000..76bb80606 Binary files /dev/null and b/app/assets/images/stats_users.png differ diff --git a/app/assets/stylesheets/stats.scss b/app/assets/stylesheets/stats.scss index 27fb84873..6c2cc73c5 100644 --- a/app/assets/stylesheets/stats.scss +++ b/app/assets/stylesheets/stats.scss @@ -22,20 +22,14 @@ .number-with-info { display: inline-block; - margin-right: $line-height * 2; - &.participants { - padding-left: $line-height * 2.5; - position: relative; - - &::before { - left: 0; - position: absolute; - } + &::before { + display: inline-block; + margin-right: $line-height / 2; } &.total-participants::before { - content: image-url('stats_man.png'); + content: image-url('stats_users.png'); } &.male::before { @@ -46,6 +40,11 @@ content: image-url('stats_woman.png'); } + .content { + display: inline-block; + margin-right: $line-height * 2; + } + .number { display: block; font-size: rem-calc(60); diff --git a/app/helpers/stats_helper.rb b/app/helpers/stats_helper.rb index eef463a99..d321bce0b 100644 --- a/app/helpers/stats_helper.rb +++ b/app/helpers/stats_helper.rb @@ -37,7 +37,9 @@ module StatsHelper def number_with_info_tags(number, text, html_class: "") content_tag :p, class: "number-with-info #{html_class}".strip do - content_tag(:span, number, class: "number") + content_tag(:span, text, class: "info") + content_tag :span, class: "content" do + content_tag(:span, number, class: "number") + content_tag(:span, text, class: "info") + end end end end