🎨

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>

src/client/app/desktop/views/pages/admin/admin.notes-chart.vue

@@ -1,9 +1,15 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@title%</header>
+	<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>
 
 <script lang="ts">

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>

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>

src/client/app/desktop/views/pages/admin/admin.users-chart.vue

@@ -1,9 +1,15 @@
 <template>
-<div>
+<div class="card">
 	<header>%i18n:@title%</header>
+	<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>
 
 <script lang="ts">

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>

src/client/app/desktop/views/pages/admin/admin.vue

@@ -101,12 +101,16 @@ export default Vue.extend({
 
 		> div
 			> div
-				margin-bottom 16px
-				padding 32px
 				max-width 800px
+
+.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