From 5a2c8335814bd372347369d9537908432cc40b96 Mon Sep 17 00:00:00 2001
From: Maximilian Grundke <maximiliangrundke@googlemail.com>
Date: Wed, 14 Mar 2018 11:09:12 +0100
Subject: [PATCH] Improve unit visuals

---
 app/assets/stylesheets/statistics.css.scss | 4 ++++
 app/views/statistics/show.html.slim        | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/statistics.css.scss b/app/assets/stylesheets/statistics.css.scss
index dd66f0e6..9ce3d61f 100644
--- a/app/assets/stylesheets/statistics.css.scss
+++ b/app/assets/stylesheets/statistics.css.scss
@@ -89,6 +89,10 @@ div.negative-result {
         font-size: 40px;
         vertical-align: middle;
         line-height: 50px;
+
+        > .unit {
+          font-size: 20px;
+        }
       }
 
       > .title {
diff --git a/app/views/statistics/show.html.slim b/app/views/statistics/show.html.slim
index bf06d2e0..9b7edefe 100644
--- a/app/views/statistics/show.html.slim
+++ b/app/views/statistics/show.html.slim
@@ -7,4 +7,6 @@
         a href=entry[:url]
           div data-key=entry[:key]
             .title = entry[:name]
-            .data = entry[:data].to_s + (entry[:unit] or '')
+            .data
+              span = entry[:data].to_s
+              span.unit = entry[:unit] if entry.key? :unit