From b5c8fb7de8cb3ec7171c4e6be1247ff22a6570e9 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sun, 22 Sep 2019 01:33:06 +0200
Subject: [PATCH] feat(reDesign): improve metrics styling

---
 src/app/features/metric/metric.component.html |  2 +-
 src/app/features/metric/metric.component.scss | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/features/metric/metric.component.html b/src/app/features/metric/metric.component.html
index 1e60426f7d..406f124799 100644
--- a/src/app/features/metric/metric.component.html
+++ b/src/app/features/metric/metric.component.html
@@ -1,7 +1,7 @@
 <div *ngIf="metricService.simpleMetrics$|async as sm"
      [@fade]
      class="wrapper">
-  <section style="max-width: 400px; margin: auto; text-align: center;">
+  <section class="basic-stats">
     <!--  <h2>Basic Metrics</h2>-->
     <p><i>{{sm.start}} – {{sm.end}}</i></p>
     <div class="material-table">
diff --git a/src/app/features/metric/metric.component.scss b/src/app/features/metric/metric.component.scss
index 542b38b869..c9f1a0f705 100644
--- a/src/app/features/metric/metric.component.scss
+++ b/src/app/features/metric/metric.component.scss
@@ -8,6 +8,13 @@ h3 {
   margin-top: $s*3;
 }
 
+.basic-stats {
+  max-width: 400px;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
 .chart-wrapper {
 }
 
@@ -20,3 +27,7 @@ h3 {
     }
   }
 }
+
+section {
+  margin-bottom: 2*$s;
+}