Refactor

10 files changed, 80 insertions, 121 deletions

diff --git a/src/client/app/admin/views/abuse.vue b/src/client/app/admin/views/abuse.vue
index 9bb77e8e6c..22a837f1c6 100644
--- a/src/client/app/admin/views/abuse.vue
+++ b/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,12 +76,8 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.wbjusose
-	@media (min-width 500px)
-		padding 16px
-
-	.haexwsjc
-		padding-bottom 16px
-		border-bottom solid 1px var(--faceDivider)
+.haexwsjc
+	padding-bottom 16px
+	border-bottom solid 1px var(--faceDivider)
 
 </style>
diff --git a/src/client/app/admin/views/announcements.vue b/src/client/app/admin/views/announcements.vue
index b0e5448cf9..f50239e092 100644
--- a/src/client/app/admin/views/announcements.vue
+++ b/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>
diff --git a/src/client/app/admin/views/dashboard.vue b/src/client/app/admin/views/dashboard.vue
index aa4431e438..d21bd17202 100644
--- a/src/client/app/admin/views/dashboard.vue
+++ b/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
diff --git a/src/client/app/admin/views/drive.vue b/src/client/app/admin/views/drive.vue
index 6c2e176860..f973465ea8 100644
--- a/src/client/app/admin/views/drive.vue
+++ b/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,38 +234,34 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.pwnqwyet
-	@media (min-width 500px)
-		padding 16px
+.kidvdlkg
+	padding 16px 0
+	border-top solid 1px var(--faceDivider)
 
-	.kidvdlkg
-		padding 16px 0
-		border-top solid 1px var(--faceDivider)
+	> div:first-child
+		display flex
+		cursor pointer
 
-		> div:first-child
-			display flex
-			cursor pointer
+		> div:nth-child(1)
+			> .thumbnail
+				display block
+				width 64px
+				height 64px
+				background-size cover
+				background-position center center
 
-			> div:nth-child(1)
-				> .thumbnail
-					display block
-					width 64px
-					height 64px
-					background-size cover
-					background-position center center
+		> div:nth-child(2)
+			flex 1
+			padding-left 16px
 
-			> div:nth-child(2)
-				flex 1
-				padding-left 16px
+			@media (max-width 500px)
+				font-size 14px
 
-				@media (max-width 500px)
-					font-size 14px
+			> header
+				word-break break-word
 
-				> header
-					word-break break-word
-
-					> .username
-						margin-left 8px
-						opacity 0.7
+				> .username
+					margin-left 8px
+					opacity 0.7
 
 </style>
diff --git a/src/client/app/admin/views/emoji.vue b/src/client/app/admin/views/emoji.vue
index 8abc118c11..1a623f4249 100644
--- a/src/client/app/admin/views/emoji.vue
+++ b/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,25 +150,21 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.tumhkfkmgtvzljezfvmgkeurkfncshbe
+.oryfrbft
 	@media (min-width 500px)
-		padding 16px
+		display flex
 
-	.oryfrbft
-		@media (min-width 500px)
-			display flex
-
-		> div:first-child
-			@media (max-width 500px)
-				padding-bottom 16px
+	> div:first-child
+		@media (max-width 500px)
+			padding-bottom 16px
 
-			> img
-				vertical-align bottom
+		> img
+			vertical-align bottom
 
-		> div:last-child
-			flex 1
+	> div:last-child
+		flex 1
 
-			@media (min-width 500px)
-				padding-left 16px
+		@media (min-width 500px)
+			padding-left 16px
 
 </style>
diff --git a/src/client/app/admin/views/hashtags.vue b/src/client/app/admin/views/hashtags.vue
index 739118fa6c..dc9f0b015e 100644
--- a/src/client/app/admin/views/hashtags.vue
+++ b/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>
diff --git a/src/client/app/admin/views/index.vue b/src/client/app/admin/views/index.vue
index 5a1de2d76a..aa831e8bf6 100644
--- a/src/client/app/admin/views/index.vue
+++ b/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
diff --git a/src/client/app/admin/views/instance.vue b/src/client/app/admin/views/instance.vue
index 4f07d74567..bf30913b20 100644
--- a/src/client/app/admin/views/instance.vue
+++ b/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>
diff --git a/src/client/app/admin/views/moderators.vue b/src/client/app/admin/views/moderators.vue
index 6391aef240..c383b10f34 100644
--- a/src/client/app/admin/views/moderators.vue
+++ b/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>
diff --git a/src/client/app/admin/views/users.vue b/src/client/app/admin/views/users.vue
index dcacdd5bad..6f0f1629f1 100644
--- a/src/client/app/admin/views/users.vue
+++ b/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,46 +277,42 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
-.ucnffhbtogqgscfmqcymwmmupoknpfsw
-	@media (min-width 500px)
-		padding 16px
+.kofvwchc
+	display flex
+	padding 16px 0
+	border-top solid 1px var(--faceDivider)
 
-	.kofvwchc
-		display flex
-		padding 16px 0
-		border-top solid 1px var(--faceDivider)
+	> div:first-child
+		> a
+			> .avatar
+				width 64px
+				height 64px
 
-		> div:first-child
-			> a
-				> .avatar
-					width 64px
-					height 64px
+	> div:last-child
+		flex 1
+		padding-left 16px
 
-		> div:last-child
-			flex 1
-			padding-left 16px
+		@media (max-width 500px)
+			font-size 14px
 
-			@media (max-width 500px)
-				font-size 14px
+		> header
+			> .username
+				margin-left 8px
+				opacity 0.7
 
-			> header
-				> .username
-					margin-left 8px
-					opacity 0.7
+			> .is-admin
+			> .is-moderator
+				flex-shrink 0
+				align-self center
+				margin 0 0 0 .5em
+				padding 1px 6px
+				font-size 80%
+				border-radius 3px
+				background var(--noteHeaderAdminBg)
+				color var(--noteHeaderAdminFg)
 
-				> .is-admin
-				> .is-moderator
-					flex-shrink 0
-					align-self center
-					margin 0 0 0 .5em
-					padding 1px 6px
-					font-size 80%
-					border-radius 3px
-					background var(--noteHeaderAdminBg)
-					color var(--noteHeaderAdminFg)
-
-				> .is-verified
-				> .is-suspended
-					margin 0 0 0 .5em
-					color #4dabf7
+			> .is-verified
+			> .is-suspended
+				margin 0 0 0 .5em
+				color #4dabf7
 </style>