Refactor

src/client/app/admin/views/abuse.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="wbjusose">
+<div>
 	<ui-card>
 		<div slot="title"><fa :icon="faExclamationCircle"/> {{ $t('title') }}</div>
 		<section class="fit-top">
@@ -76,11 +76,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.wbjusose
+.haexwsjc
-	@media (min-width 500px)
-		padding 16px
-
-	.haexwsjc
 	padding-bottom 16px
 	border-bottom solid 1px var(--faceDivider)
 

src/client/app/admin/views/announcements.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="cdeuzmsthagexbkpofbmatmugjuvogfb">
+<div>
 	<ui-card>
 		<div slot="title"><fa icon="broadcast-tower"/> {{ $t('announcements') }}</div>
 		<section v-for="(announcement, i) in announcements" class="fit-top">
@@ -83,10 +83,3 @@ export default Vue.extend({
 	}
 });
 </script>
-
-<style lang="stylus" scoped>
-.cdeuzmsthagexbkpofbmatmugjuvogfb
-	@media (min-width 500px)
-		padding 16px
-
-</style>

src/client/app/admin/views/dashboard.vue

@@ -161,7 +161,7 @@ export default Vue.extend({
 	padding 16px
 
 	@media (min-width 500px)
-		padding 32px
+		padding 16px
 
 	> header
 		display flex

src/client/app/admin/views/drive.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="pwnqwyet">
+<div>
 	<ui-card>
 		<div slot="title"><fa :icon="faTerminal"/> {{ $t('operation') }}</div>
 		<section class="fit-top">
@@ -234,11 +234,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.pwnqwyet
+.kidvdlkg
-	@media (min-width 500px)
-		padding 16px
-
-	.kidvdlkg
 	padding 16px 0
 	border-top solid 1px var(--faceDivider)
 

src/client/app/admin/views/emoji.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="tumhkfkmgtvzljezfvmgkeurkfncshbe">
+<div>
 	<ui-card>
 		<div slot="title"><fa icon="plus"/> {{ $t('add-emoji.title') }}</div>
 		<section class="fit-top">
@@ -150,11 +150,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.tumhkfkmgtvzljezfvmgkeurkfncshbe
+.oryfrbft
-	@media (min-width 500px)
-		padding 16px
-
-	.oryfrbft
 	@media (min-width 500px)
 		display flex
 

src/client/app/admin/views/hashtags.vue

@@ -39,10 +39,3 @@ export default Vue.extend({
 	}
 });
 </script>
-
-<style lang="stylus" scoped>
-.jdnqwkzlnxcfftthoybjxrebyolvoucw
-	width 100%
-	min-height 300px
-
-</style>

src/client/app/admin/views/index.vue

@@ -274,6 +274,9 @@ export default Vue.extend({
 		> .page
 			max-width 1150px
 
+			@media (min-width 500px)
+				padding 16px
+
 	&.isMobile
 		> main
 			padding $headerHeight 0 0 0

src/client/app/admin/views/instance.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="axbwjelsbymowqjyywpirzhdlszoncqs">
+<div>
 	<ui-card>
 		<div slot="title"><fa icon="cog"/> {{ $t('instance') }}</div>
 		<section class="fit-top fit-bottom">
@@ -313,10 +313,3 @@ export default Vue.extend({
 	}
 });
 </script>
-
-<style lang="stylus" scoped>
-.axbwjelsbymowqjyywpirzhdlszoncqs
-	@media (min-width 500px)
-		padding 16px
-
-</style>

src/client/app/admin/views/moderators.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="jnhmugbb">
+<div>
 	<ui-card>
 		<div slot="title"><fa icon="plus"/> {{ $t('add-moderator.title') }}</div>
 		<section class="fit-top">
@@ -75,10 +75,3 @@ export default Vue.extend({
 	}
 });
 </script>
-
-<style lang="stylus" scoped>
-.jnhmugbb
-	@media (min-width 500px)
-		padding 16px
-
-</style>

src/client/app/admin/views/users.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="ucnffhbtogqgscfmqcymwmmupoknpfsw">
+<div>
 	<ui-card>
 		<div slot="title"><fa :icon="faTerminal"/> {{ $t('operation') }}</div>
 		<section class="fit-top">
@@ -277,11 +277,7 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.ucnffhbtogqgscfmqcymwmmupoknpfsw
+.kofvwchc
-	@media (min-width 500px)
-		padding 16px
-
-	.kofvwchc
 	display flex
 	padding 16px 0
 	border-top solid 1px var(--faceDivider)