diff --git a/front/src/components/About.vue b/front/src/components/About.vue index 7a5d08ab497965381f782df4e798f0df9c7c7085..db1056155bce35361156e265d07b3748c3f2d830 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>