Add number-with-info HTML class to stats

So it can be reused in advanced statistics.

app/assets/stylesheets/stats.scss

@@ -20,16 +20,30 @@
     margin-top: $line-height;
   }
 
-  .participants {
+  .number-with-info {
     display: inline-block;
     margin-right: $line-height * 2;
-    padding-left: $line-height * 2.5;
-    position: relative;
 
-    &::before {
+    &.participants {
+      padding-left: $line-height * 2.5;
+      position: relative;
+
+      &::before {
+        left: 0;
+        position: absolute;
+      }
+    }
+
+    &.total-participants::before {
       content: image-url('stats_man.png');
-      left: 0;
-      position: absolute;
+    }
+
+    &.male::before {
+      content: image-url('stats_man.png');
+    }
+
+    &.female::before {
+      content: image-url('stats_woman.png');
     }
 
     .number {
@@ -45,17 +59,6 @@
     }
   }
 
-  .gender {
-
-    &.male::before {
-      content: image-url('stats_man.png');
-    }
-
-    &.female::before {
-      content: image-url('stats_woman.png');
-    }
-  }
-
   .progress {
     background: #ebf0f4;
     border-radius: rem-calc(20);