From a886b8ae59f217a180086919e938dd765215b36b Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Tue, 26 Mar 2019 00:46:14 +0100
Subject: [PATCH] Make stats numbers smaller

The number of total participants is still written using a larger font
because it's the most important number.
---
 app/assets/images/stats_man.png   | Bin 1768 -> 1557 bytes
 app/assets/images/stats_woman.png | Bin 1721 -> 1578 bytes
 app/assets/stylesheets/stats.scss |  14 ++++++++++++--
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/assets/images/stats_man.png b/app/assets/images/stats_man.png
index 9fb030dbcb58c58c5e3591d1ed1ec628e0f2accb..a1a0d028a0860282b1f33bee916f36e59c686b4c 100644
GIT binary patch
delta 841
zcmV-P1GfC=4V4U#7YaNG1^@s66uJ1|ks-PwF*7(IH#sgbH90skG%O%8FfleSFgY(V
zG%YYOIxsmpFfoz+bd#C^WRq$EDU)yl7$7t^LNh@&L^U);G(s^kML9w^IW|EwLoh-z
zGc+(kFgBAg0vsSTH$pQ(HbgWuMKnS&F-18-I5{>!G(#{#GBY$VK`=Ix`T;kSsRA~W
zQvw^4`T`-7j{+K#H3LC^<dfBO0007mNkl<Zc-rim&r20i6vy9`KSCFQ3kfwP5VWP*
zrnN*1aiI~oaAo1bl@hiqa?yXGv}oZ%+$$NPxK#?Hpcab1Dt(GSvht<Az6Z~PL7F>f
z-rOHU%z+QQ=RGs?efQ3}=iGx{KA+Dd*{);~ZmGckUSNsT(epfi)o>+f1}*&kJ@^QY
zgDwyUCpk(`*gfzD9MSC<`aA>f$9`^1fe*k}pRmh(0}ovZYyxWvaRoNO?P3MS36jU)
zrogWjJhC0dblsf@{&zu{O@Y^WW~6qDudycZh~Gb{ZGi)u0#Cua2>!DmXFHROfo*|b
z7QAwi>OO%XUhW`&`vIPCRw>RjWRgxW$7!vw_x<F*b;f<JC(Vh1T-*j~d_l3OBNvxs
z^cV@5PwT-5R?gXB1T-rAXvv2`YtgF}F-RyQ41l*B2sAJSs{e88Dlq9QzsRp2)SIei
zI>35B#qt_d_{3cUqXE9Fpxs0@L%+N(V5}Fs^nHJ!s9+j@zzyvsKkQG)_#iJOrL?Cp
z@1=d4DcG}gn@I(x0#kvhKz9N?jnDOxK7&RCPJ;;z;>N*(sd})C3xQoh)95l(NIVCn
zHo99~;7bH?pSe|Mwf)u&&V>SdT(sYoz@fnJcf>Y{wkXc=yBKEMA>9XK0)GiRR^Pb=
zVqG8|*7pQ|euuowPL^2G-P$j<^`;|}NCfV2Bs&qfBAh{I)yyXEg(~~tQXoa>iDI0_
zHe3ok2swnG2=_{30<$3zdMeB|#su!Nh#)%??v=&_=6DuW@942hfwaFZD#n*XX4p!}
zzpfbDNy4d4RWNKNLEw(5EJCKEKS;gjK91PD@6>iAHFMF+j(7Y^|MMuO{S{yUyLsVK
TT6`xi00000NkvXXu0mjfX8~>0

delta 1000
zcmV<E0~h?24CoDz7Ybkq1^@s6Z}l*2ks-PwFg7<JH#sgbH8(djH!L7BFflbRFf%VR
zFfB4OIy5jkG%}I>bd%fxB9m$XYm;^YGYBAfZE#IZI!Tko0yUHT0UDDO10j>C0yY6c
zli&h70Yj7E0vVGv13`aC&e<~n00UM@L_t(|+U%M=XcR#d$9Ik+pp{sNNQ$5#h)4<%
ziy$HvA|jGPQbY?;P!X}Puo6K;EJQ3UEK*vEg{YtwDHMbg#E*zy=v~m{IHD|v96?0x
z{148-vfRhM_h#l+nFoIs_I77}J3I5<ymzZwtyYw0D?~ZB0Qi630~VzXD5X~6Fb=IV
zr>f8!D9&<!zeQRUfKA|V5ZVasO8q<weS~g8Pemi3pMWaZ1?ZK&y^r)Ymn8jj;I2ZI
z3~+7fYp;6&gq<S7B_U5c1%wSl9~f{+$Pp?a#myXt#st${!yR?$2PZ7JwVh4?;Zj!P
zu*L%5aHrR7V+4P7qnj-Nj!+*oE8wzmyf*BYbwI49_c+uoz`cb&xmqM;3xF@7hAY6^
z(7XUn-+RYtEQZ|`IO>N!LY>~ZJZHeYfHwKsENq8L1h`U%?U*}21F1vajXoQPin(S?
zGR2f6?L>sxW=3=awAP%i8Mw#LGwF_6N%LYrraeNFx=4SW<|GMgMh+~bo!$U3*H%JP
z(0OQx*v|=QFKa;hxD!1`^-4WwoNe2M%p|VqXO|Q1=m~VjY~2cMKWKc{VG}#M`M8T2
z0MGXDmA9a2Xgvwg__eu=Nzln2aECHxfcnjBp#V-3!kEtTraHjs`Sy;`&Tb0e0pdnr
zE|m;z%~*eRNNR^mz;=nFoo|#F_jd)f6-ma;d<%{`00zJS7ytuc01SWu@ZSe44uGRb
z0jvotsZ`T_HAs0eY(FEf;7F$j`&jis*r>^iD~{mq>psK<OxP9Zvqdo7)-`CzT7?yM
zB;wVk)6#7mqf}TaW#35)fRmKk5UB*Llq#4?!l-{>#jb#UQYx&O9W@%#71SjG-0O(=
zKOHBMEC>Mg=PFItfRYg`+X{8PEEWKM^#S-z02uoKl*H(|55O-1z?u)hh5&HE2Vgzo
z|MULcIUt;M9Pz(h`0Z=U&zXm_oG8KtEHfX<+XyZ)?qS!jIe>LvE0_z&i3mS@0xsnp
zkn?!Ds(F9Ku}?sbyIA%Ks2%PD!u9vkd5BX$lbcYsU3IU3498oG1jYrVbh<bQz((Fj
zkP_~ygL=jDgjLTr_Qz#PsXfu(3RO41STt~tdL``6zkYLVp~@cs17H9QfH}860t^7p
Wpkp+5?B6i}0000<MNUMnLSTYd|GEwU

diff --git a/app/assets/images/stats_woman.png b/app/assets/images/stats_woman.png
index e61ff0ea64c29fc6f1f5dee4da759d051953b200..6f977d8b739e72dec4c1f3bcf933024b3dadfa3d 100644
GIT binary patch
delta 862
zcmV-k1EKu64XO-~7YaNG1^@s66uJ1|ks-PwF*7(IH#sgbH90skG%O%8FfleSFgY(V
zG%YYOIxsmpFfoz+bd#C^WRq$EDU)yl7$7i0G&49kH$gN-G(s^kML9w^IW|EwLoh-z
zGc+(kFgBAg0vsSPLNqftIX5{pMKnS&F-18-I5{>!G(#{#GBY$VK`=Ix`T;kSsRA~W
zQvw^4`T`-7j{+K#H3LC^8Y|N00007*Nkl<Zc-rim&r4KM6vut0mZhLj>vR)@_#;RI
zEs%0i5rI2%<Db>it+;Th5kbWG12v?Eu|<YhR#NFO`K#2?@q6Gr7>0M>y!&%*F$X@2
znfHeK@x6P_J?}n)LZMLObJW&&9(6J&2SFe@)C_t-7ob~`220?7AnIhPyGAD`MGz0b
zJjk;gaRO4{p7xlUf`i~|kyt64QIf6%TfuUST*v}wQ5Doll74VI!Fe<{Z&V_SZzVkM
z0{=121!W3oPzk}6gpzsAa_54xOu2XiGV1q9ugu&9YcU!8fs>?Sbui54SKz2f><~<g
z5=myvKxWyAS?U^pK{x1R!FRme9qTT2rUa#@m6c{8ChEa;aD_kbfemoxw3~^DtKb=U
z3T}cX{(hGeWC~31XXjZw#4T01wRoPh-Dwt&g5L?`LUzCtSAzYLav?v$vSU+_%E=1_
zxe%I@bv6YbmvqjuP^W$0W<U6d+b5l>amQw}&}X1#KC~%+_))SCjOrmj*{p-tz)Oue
zI77wVcA4n`IR&|2pu@#OQ<}?#Y)pbx7acV<0IwD1-ki&pf17Js(m3Xo#F=1&<Zr2V
zUUVtgCRwnlK)1URq^mcg@VjB9@f6C;82GDDW)8Wzwc5=LmD$ZI$7e8LQ}C^ZTu91h
zp}u6GS-5O}Gf7Sj2<HE*P4uc@Rq$UEY&I}vlg+)E=iK(6F)h6GiE0}yZ{xf-Q_FmJ
zxx-5FK4#Te)E(2r9E@v3H+)EvIKgi|2(HB(+w?(jMe&$3!7agV17+?{9|ZS!gR(T}
z;r@>gf;qvJ+7gI67u*L~!L#$e4}!E>WGw828EqChzC?Vt?o&6D70f~HF!iR1UfR%W
o*P!UR!^jm3s{eVU8Rr5F0NOW0v~uIt=l}o!07*qoM6N<$f^M{c&;S4c

delta 953
zcmV;q14jI+47m-E7Ybkq1^@s6Z}l*2ks-PwFg7<JH#sgbH8(djH!L7BFflbRFf%VR
zFfB4OIy5jkG%}I>bd%fxB9m$XYm;^YGYBAfZE#IZI!Tko0yUHT0UDDO10j>C0yY6R
zli&h70XUQ30vVGv13`bhP0I@a00SpUL_t(|+U%OYYZO5g$9E+JIZ|8^QUsB31c{&`
zCj<#mL?nm={|GB9s~{F4hzNp65GxBSs}v$3*s4KOh=nnU9!kh9@d(LrgcKsFa=wQ%
zaHxAbGw;2bE9Su$u9)5X?99AhvzxZt?WC724GmB<L5Gqaw+MeowLYf%oB|Dk4nQr?
zS}#0Y8FU-;5md+hu7tlofNp_GCQi~#u670Vr2{HYpFrn*16~Ey4B)hI?6fbyqn2=5
ztDqqtfX^J@w4S;E+Ju>5&;-G$CZ*%xIB1Ljh#q}b60kxHOCu^?iUD#2^*%|!O$Na4
zl9}VgUm3$z7@mIyB)xczm}BwUpVIkv(lJoi)Czb>b$1+6-3{Nx!d*kiu5gloXcs}R
zavTT2UV^IBa*LyBI;H|}MHQ^;pk+|T(KN-bE;daC<rh{s=hScAfBaJWZwd4swCDSw
zs;c-j4Kt6FBY6okvxH1?PZAK9aFJLn)K%Q<=LQ^7y>EY;NpCtKIRF<K;j~_Gm0J&0
zt101VGaM<bCNO)Qy>gkd#E%8xwC=kuaY<Dx(l+Iq>L&6kU}hUk({$7Y@U*9_guU_w
z7r>JqQ|B2Mz@}-zNi_VAAFdZaA*MEy)Hh4bBnyIoa~!E|*zl;=`9PDJ>b5{{1@_*Y
z+UG1b%DjIU@m@zb&t|ZVY%$K>HmJefG;xL;t0Op5K+YL#N&p^a1T0AajxYjNxB>f_
z0mrxx46X?T>S@lVX-NQZfh!KqsC36|SPWmM-sF;S(}edPcU|HsVK^-;M5-=;^B&-|
zp1bV9eUByoemr4~fDtePM!*Od0spZ9j|^S^EAM}G?B$$772gLR2i>%UcmVpAGa(sN
zEw4GBxNLb8Qt#Hba(<Sg&Gzl(7NvZ1brPH7i;WOoylXLbGX&ta#n_z?fS)bKHbMX{
z8;;9BD<J^0#Qe-~Jp|yM4>)QrZZLa0JD^E?YlZ|giEpbR0e1|Ysi*f~&?R0en4yds
zq@_un1ZS@m60j)FZ6pjv1>BXYVz>ZXQdNvL>i7BYl0WY~4*v7tUpWBdH>~kwAp#cI
bZvh4X;+VfM-B~%v00000NkvXXu0mjfW=oly

diff --git a/app/assets/stylesheets/stats.scss b/app/assets/stylesheets/stats.scss
index 1878f2ed5..f9a21f72d 100644
--- a/app/assets/stylesheets/stats.scss
+++ b/app/assets/stylesheets/stats.scss
@@ -38,6 +38,7 @@
     &::before {
       display: inline-block;
       margin-right: $line-height / 2;
+      vertical-align: top;
     }
 
     &.total-participants::before {
@@ -75,15 +76,24 @@
 
     .number {
       display: block;
-      font-size: rem-calc(60);
+      font-size: rem-calc(36);
       font-weight: bold;
-      line-height: rem-calc(60);
+      line-height: rem-calc(36);
     }
 
     .info {
       color: $text-medium;
+      font-size: $small-font-size;
       font-style: italic;
     }
+
+    &.total-participants {
+
+      .number {
+        font-size: rem-calc(60);
+        line-height: rem-calc(60);
+      }
+    }
   }
 
   .progress {