From 0578d18cd972d77feb59e0a7db031f7d809e4e46 Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Wed, 17 Nov 2021 15:20:45 +0100
Subject: [PATCH] Fix statistics view

---
 front/src/components/About.vue | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 7a5d08ab4..db1056155 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -68,19 +68,21 @@
 
                 <template v-if="stats">
                   <div class="statistics-container ui doubling grid">
-                    <div class="ui six wide column">
-                      <span class="statistics-figure ui text">
-                        <span class="ui big text"><strong>{{ stats.users.toLocaleString($store.state.ui.momentLocale) }}</strong></span>
-                        <br />
-                        <translate translate-context="Content/About/*" :translate-n="stats.users" translate-plural="active users">active user</translate>
-                      </span>
-                    </div>
-                    <div class="ui six wide column">
-                      <span class="statistics-figure ui text">
-                        <span class="ui big text"><strong>{{ parseInt(stats.hours).toLocaleString($store.state.ui.momentLocale) }}</strong></span>
-                        <br />
-                        <translate translate-context="Content/About/*" :translate-n="parseInt(stats.hours)" translate-plural="hours of music">hour of music</translate>
-                      </span>
+                    <div class="two column row">
+                      <div class="column">
+                        <span class="statistics-figure ui text">
+                          <span class="ui big text"><strong>{{ stats.users.toLocaleString($store.state.ui.momentLocale) }}</strong></span>
+                          <br />
+                          <translate translate-context="Content/About/*" :translate-n="stats.users" translate-plural="active users">active user</translate>
+                        </span>
+                      </div>
+                      <div class="column">
+                        <span class="statistics-figure ui text">
+                          <span class="ui big text"><strong>{{ parseInt(stats.hours).toLocaleString($store.state.ui.momentLocale) }}</strong></span>
+                          <br />
+                          <translate translate-context="Content/About/*" :translate-n="parseInt(stats.hours)" translate-plural="hours of music">hour of music</translate>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </template>