:art:

7 files changed, 36 insertions, 20 deletions

diff --git a/src/client/app/desktop/views/pages/admin/admin.dashboard.vue b/src/client/app/desktop/views/pages/admin/admin.dashboard.vue
index efe7ea0ca4..e68d3a749e 100644
--- a/src/client/app/desktop/views/pages/admin/admin.dashboard.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="obdskegsannmntldydackcpzezagxqfy">
+<div class="obdskegsannmntldydackcpzezagxqfy card">
 	<header>%i18n:@dashboard%</header>
 	<div v-if="stats" class="stats">
 		<div><b>%fa:user% {{ stats.originalUsersCount | number }}</b><span>%i18n:@original-users%</span></div>
diff --git a/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue b/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue
index 1f36d6b26a..8b33e59ec3 100644
--- a/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue
@@ -1,8 +1,14 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@title%</header>
-	<x-chart v-if="data" :data="data" type="local"/>
-	<x-chart v-if="data" :data="data" type="remote"/>
+	<div class="card">
+		<header>%i18n:@local%</header>
+		<x-chart v-if="data" :data="data" type="local"/>
+	</div>
+	<div class="card">
+		<header>%i18n:@remote%</header>
+		<x-chart v-if="data" :data="data" type="remote"/>
+	</div>
 </div>
 </template>
 
diff --git a/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue b/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue
index 6eb82f0a51..59932f4be7 100644
--- a/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue
@@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@suspend-user%</header>
 	<input v-model="username" type="text" class="ui"/>
 	<button class="ui" @click="suspendUser" :disabled="suspending">%i18n:@suspend%</button>
diff --git a/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue b/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue
index 8c6f63ce88..a75c0bd64e 100644
--- a/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue
@@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@unsuspend-user%</header>
 	<input v-model="username" type="text" class="ui"/>
 	<button class="ui" @click="unsuspendUser" :disabled="unsuspending">%i18n:@unsuspend%</button>
diff --git a/src/client/app/desktop/views/pages/admin/admin.users-chart.vue b/src/client/app/desktop/views/pages/admin/admin.users-chart.vue
index 15c01fc59e..bbd342e515 100644
--- a/src/client/app/desktop/views/pages/admin/admin.users-chart.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.users-chart.vue
@@ -1,8 +1,14 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@title%</header>
-	<x-chart v-if="data" :data="data" type="local"/>
-	<x-chart v-if="data" :data="data" type="remote"/>
+	<div class="card">
+		<header>%i18n:@local%</header>
+		<x-chart v-if="data" :data="data" type="local"/>
+	</div>
+	<div class="card">
+		<header>%i18n:@remote%</header>
+		<x-chart v-if="data" :data="data" type="remote"/>
+	</div>
 </div>
 </template>
 
diff --git a/src/client/app/desktop/views/pages/admin/admin.verify-user.vue b/src/client/app/desktop/views/pages/admin/admin.verify-user.vue
index c9a81fae9a..3902d4bddd 100644
--- a/src/client/app/desktop/views/pages/admin/admin.verify-user.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.verify-user.vue
@@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@verify-user%</header>
 	<input v-model="username" type="text" class="ui"/>
 	<button class="ui" @click="verifyUser" :disabled="verifying">%i18n:@verify%</button>
diff --git a/src/client/app/desktop/views/pages/admin/admin.vue b/src/client/app/desktop/views/pages/admin/admin.vue
index e32cd13211..d1e12eeb14 100644
--- a/src/client/app/desktop/views/pages/admin/admin.vue
+++ b/src/client/app/desktop/views/pages/admin/admin.vue
@@ -101,17 +101,21 @@ export default Vue.extend({
 
 		> div
 			> div
-				margin-bottom 16px
-				padding 32px
 				max-width 800px
-				background #fff
-				box-shadow 0 2px 8px rgba(#000, 0.1)
 
-				> header
-					margin 0 0 1em 0
-					padding 0 0 8px 0
-					font-size 1em
-					color #555
-					border-bottom solid 1px #eee
+.card
+	padding 32px
+	background #fff
+	box-shadow 0 2px 8px rgba(#000, 0.1)
+
+	&:not(:last-child)
+		margin-bottom 16px
+
+	> header
+		margin 0 0 1em 0
+		padding 0 0 8px 0
+		font-size 1em
+		color #555
+		border-bottom solid 1px #eee
 
 </style>