From 420b4f2a85f2cf6f1386eeedb0e560d8ed80950d Mon Sep 17 00:00:00 2001
From: Paul Bienkowski <pb@opatut.de>
Date: Fri, 14 May 2021 19:41:07 +0200
Subject: [PATCH] frontend: Style stats according to styleguide

---
 frontend/src/pages/HomePage.js                         | 10 +++++-----
 .../src/semantic-ui/site/views/statistic.variables     |  9 +++++++++
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/HomePage.js b/frontend/src/pages/HomePage.js
index 3ad415d..681ab0a 100644
--- a/frontend/src/pages/HomePage.js
+++ b/frontend/src/pages/HomePage.js
@@ -45,22 +45,22 @@ function Stats() {
       <Segment>
         <Loader active={stats == null} />
 
-        <Statistic.Group widths={2} size="mini">
+        <Statistic.Group widths={2} size="tiny">
           <Statistic>
             <Statistic.Value>{Number(stats?.trackLength / 1000).toFixed(1)} km</Statistic.Value>
-            <Statistic.Label>track length</Statistic.Label>
+            <Statistic.Label>Total track length</Statistic.Label>
           </Statistic>
           <Statistic>
             <Statistic.Value>{formatDuration(stats?.trackDuration)} h</Statistic.Value>
-            <Statistic.Label>recorded</Statistic.Label>
+            <Statistic.Label>Time recorded</Statistic.Label>
           </Statistic>
           <Statistic>
             <Statistic.Value>{stats?.numEvents}</Statistic.Value>
-            <Statistic.Label>events</Statistic.Label>
+            <Statistic.Label>Events confirmed</Statistic.Label>
           </Statistic>
           <Statistic>
             <Statistic.Value>{stats?.userCount}</Statistic.Value>
-            <Statistic.Label>members</Statistic.Label>
+            <Statistic.Label>Members joined</Statistic.Label>
           </Statistic>
         </Statistic.Group>
       </Segment>
diff --git a/frontend/src/semantic-ui/site/views/statistic.variables b/frontend/src/semantic-ui/site/views/statistic.variables
index 6f085f9..74f9f8b 100644
--- a/frontend/src/semantic-ui/site/views/statistic.variables
+++ b/frontend/src/semantic-ui/site/views/statistic.variables
@@ -1,3 +1,12 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+@valueFont: @fontName;
+@valueTextTransform: none;
+@valueFontWeight: light;
+
+@labelFont: @fontName;
+@labelTextTransform: none;
+@labelFontWeight: normal;
+@labelColor: @obsColorG1;