_section --> _card

11 files changed, 13 insertions, 13 deletions

diff --git a/src/client/pages/settings/2fa.vue b/src/client/pages/settings/2fa.vue
index 7b6ff223bd..77d7b26825 100644
--- a/src/client/pages/settings/2fa.vue
+++ b/src/client/pages/settings/2fa.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="_section">
+<section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('twoStepAuthentication') }}</div>
 	<div class="_content">
 		<p v-if="!data && !$store.state.i.twoFactorEnabled"><mk-button @click="register">{{ $t('_2fa.registerDevice') }}</mk-button></p>
diff --git a/src/client/pages/settings/drive.vue b/src/client/pages/settings/drive.vue
index d0c18a07e5..8ff054b9bb 100644
--- a/src/client/pages/settings/drive.vue
+++ b/src/client/pages/settings/drive.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-drive _section">
+<section class="uawsfosz _card">
 	<div class="_title"><fa :icon="faCloud"/> {{ $t('drive') }}</div>
 	<div class="_content">
 		<mk-pagination :pagination="drivePagination" #default="{items}" class="drive" ref="drive">
@@ -110,7 +110,7 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-.mk-settings-page-drive {
+.uawsfosz {
 	> ._content {
 		max-height: 350px;
 		overflow: auto;
diff --git a/src/client/pages/settings/general.vue b/src/client/pages/settings/general.vue
index 6b63da742c..f5c2f4ceeb 100644
--- a/src/client/pages/settings/general.vue
+++ b/src/client/pages/settings/general.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-general _section">
+<section class="_card">
 	<div class="_title"><fa :icon="faCog"/> {{ $t('general') }}</div>
 	<div class="_content">
 		<mk-input type="file" @change="onWallpaperChange" style="margin-top: 0;">
diff --git a/src/client/pages/settings/import-export.vue b/src/client/pages/settings/import-export.vue
index 5714aabbf6..9964df7fa3 100644
--- a/src/client/pages/settings/import-export.vue
+++ b/src/client/pages/settings/import-export.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-import-export _section">
+<section class="_card">
 	<div class="_title"><fa :icon="faBoxes"/> {{ $t('importAndExport') }}</div>
 	<div class="_content">
 		<input ref="file" type="file" style="display: none;" @change="onChangeFile"/>
diff --git a/src/client/pages/settings/integration.vue b/src/client/pages/settings/integration.vue
index b156e13027..bb0346d1c9 100644
--- a/src/client/pages/settings/integration.vue
+++ b/src/client/pages/settings/integration.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="_section" v-if="enableTwitterIntegration || enableDiscordIntegration || enableGithubIntegration">
+<section class="_card" v-if="enableTwitterIntegration || enableDiscordIntegration || enableGithubIntegration">
 	<div class="_title"><fa :icon="faShareAlt"/> {{ $t('integration') }}</div>
 	<div class="_content" v-if="enableTwitterIntegration">
 		<header><fa :icon="faTwitter"/> Twitter</header>
diff --git a/src/client/pages/settings/mute-block.vue b/src/client/pages/settings/mute-block.vue
index 109b33d4f5..86541472fa 100644
--- a/src/client/pages/settings/mute-block.vue
+++ b/src/client/pages/settings/mute-block.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-mute-block _section">
+<section class="rrfwjxfl _card">
 	<div class="_title"><fa :icon="faBan"/> {{ $t('muteAndBlock') }}</div>
 	<div class="_content">
 		<span>{{ $t('mutedUsers') }}</span>
@@ -60,7 +60,7 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-.mk-settings-page-mute-block {
+.rrfwjxfl {
 	> ._content {
 		max-height: 350px;
 		overflow: auto;
diff --git a/src/client/pages/settings/privacy.vue b/src/client/pages/settings/privacy.vue
index 0fc67d5b7d..af2c3f501b 100644
--- a/src/client/pages/settings/privacy.vue
+++ b/src/client/pages/settings/privacy.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-privacy _section">
+<section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('privacy') }}</div>
 	<div class="_content">
 		<mk-switch v-model="isLocked" @change="save()">{{ $t('makeFollowManuallyApprove') }}</mk-switch>
diff --git a/src/client/pages/settings/profile.vue b/src/client/pages/settings/profile.vue
index b859816edb..e295b6b653 100644
--- a/src/client/pages/settings/profile.vue
+++ b/src/client/pages/settings/profile.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="llvierxe _section">
+<section class="llvierxe _card">
 	<div class="_title"><fa :icon="faUser"/> {{ $t('profile') }}<small style="display: block; font-weight: normal; opacity: 0.6;">@{{ $store.state.i.username }}@{{ host }}</small></div>
 	<div class="_content">
 		<div class="header" :style="{ backgroundImage: $store.state.i.bannerUrl ? `url(${ $store.state.i.bannerUrl })` : null }" @click="changeBanner">
diff --git a/src/client/pages/settings/reaction.vue b/src/client/pages/settings/reaction.vue
index 310237b5fd..134cd8536c 100644
--- a/src/client/pages/settings/reaction.vue
+++ b/src/client/pages/settings/reaction.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-reaction _section">
+<section class="_card">
 	<div class="_title"><fa :icon="faLaugh"/> {{ $t('reaction') }}</div>
 	<div class="_content">
 		<mk-textarea v-model="reactions" style="margin-top: 16px;">{{ $t('reaction') }}<template #desc>{{ $t('reactionSettingDescription') }}</template></mk-textarea>
diff --git a/src/client/pages/settings/security.vue b/src/client/pages/settings/security.vue
index ecf9c01dd5..ba670b2f68 100644
--- a/src/client/pages/settings/security.vue
+++ b/src/client/pages/settings/security.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="_section">
+<section class="_card">
 	<div class="_title"><fa :icon="faLock"/> {{ $t('password') }}</div>
 	<div class="_content">
 		<mk-button primary @click="change()">{{ $t('changePassword') }}</mk-button>
diff --git a/src/client/pages/settings/theme.vue b/src/client/pages/settings/theme.vue
index 71628ab2b9..ecedb83626 100644
--- a/src/client/pages/settings/theme.vue
+++ b/src/client/pages/settings/theme.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="mk-settings-page-theme _section">
+<section class="rfqxtzch _card">
 	<div class="_title"><fa :icon="faPalette"/> {{ $t('theme') }}</div>
 	<div class="_content">
 		<mk-select v-model="theme" :placeholder="$t('theme')">