Make stats numbers smaller

The number of total participants is still written using a larger font because it's the most important number.
2019-03-26 00:46:14 +01:00
parent dc077bb03c
commit a886b8ae59
3 changed files with 12 additions and 2 deletions
--- a/app/assets/images/stats_man.png
+++ b/app/assets/images/stats_man.png
--- a/app/assets/images/stats_woman.png
+++ b/app/assets/images/stats_woman.png
--- 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 {