_section --> _card

10 files changed, 24 insertions, 24 deletions

diff --git a/src/client/pages/instance/announcements.vue b/src/client/pages/instance/announcements.vue
index 71cec64c7b..f922ee749a 100644
--- a/src/client/pages/instance/announcements.vue
+++ b/src/client/pages/instance/announcements.vue
@@ -3,7 +3,7 @@
 	<portal to="icon"><fa :icon="faBroadcastTower"/></portal>
 	<portal to="title">{{ $t('announcements') }}</portal>
 	<mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
-	<section class="_section announcements">
+	<section class="_card announcements">
 		<div class="_content announcement" v-for="announcement in announcements">
 			<mk-input v-model="announcement.title" style="margin-top: 8px;">
 				<span>{{ $t('title') }}</span>
diff --git a/src/client/pages/instance/emojis.vue b/src/client/pages/instance/emojis.vue
index 7a69a7efe6..b1005b0639 100644
--- a/src/client/pages/instance/emojis.vue
+++ b/src/client/pages/instance/emojis.vue
@@ -2,7 +2,7 @@
 <div class="mk-instance-emojis">
 	<portal to="icon"><fa :icon="faLaugh"/></portal>
 	<portal to="title">{{ $t('customEmojis') }}</portal>
-	<section class="_section local">
+	<section class="_card local">
 		<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojis') }}</div>
 		<div class="_content">
 			<input ref="file" type="file" style="display: none;" @change="onChangeFile"/>
@@ -23,7 +23,7 @@
 			<mk-button inline :disabled="selected == null" @click="del()"><fa :icon="faTrashAlt"/> {{ $t('delete') }}</mk-button>
 		</div>
 	</section>
-	<section class="_section remote">
+	<section class="_card remote">
 		<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojisOfRemote') }}</div>
 		<div class="_content">
 			<mk-input v-model="host" :debounce="true" style="margin-top: 0;"><span>{{ $t('host') }}</span></mk-input>
diff --git a/src/client/pages/instance/federation.vue b/src/client/pages/instance/federation.vue
index 224ff72a9f..ab8eeb86b2 100644
--- a/src/client/pages/instance/federation.vue
+++ b/src/client/pages/instance/federation.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="mk-federation">
-	<section class="_section instances">
+	<section class="_card instances">
 		<div class="_title"><fa :icon="faGlobe"/> {{ $t('instances') }}</div>
 		<div class="_content">
 			<div class="inputs" style="display: flex;">
diff --git a/src/client/pages/instance/files.vue b/src/client/pages/instance/files.vue
index e7475e94c1..0bc1c81e6f 100644
--- a/src/client/pages/instance/files.vue
+++ b/src/client/pages/instance/files.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="_section">
+<section class="_card">
 	<div class="_title"><fa :icon="faCloud"/> {{ $t('files') }}</div>
 	<div class="_content">
 		<mk-button primary @click="clear()"><fa :icon="faTrashAlt"/> {{ $t('clearCachedFiles') }}</mk-button>
diff --git a/src/client/pages/instance/index.vue b/src/client/pages/instance/index.vue
index 5301fc7e01..bdd04b635b 100644
--- a/src/client/pages/instance/index.vue
+++ b/src/client/pages/instance/index.vue
@@ -3,7 +3,7 @@
 	<portal to="icon"><fa :icon="faServer"/></portal>
 	<portal to="title">{{ $t('instance') }}</portal>
 
-	<section class="_section info">
+	<section class="_card info">
 		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div>
 		<div class="_content">
 			<mk-input v-model="name" style="margin-top: 8px;">{{ $t('instanceName') }}</mk-input>
@@ -19,7 +19,7 @@
 		</div>
 	</section>
 
-	<section class="_section info">
+	<section class="_card info">
 		<div class="_content">
 			<mk-switch v-model="enableLocalTimeline" @change="save()">{{ $t('enableLocalTimeline') }}</mk-switch>
 			<mk-switch v-model="enableGlobalTimeline" @change="save()">{{ $t('enableGlobalTimeline') }}</mk-switch>
@@ -27,7 +27,7 @@
 		</div>
 	</section>
 
-	<section class="_section info">
+	<section class="_card info">
 		<div class="_title"><fa :icon="faUser"/> {{ $t('registration') }}</div>
 		<div class="_content">
 			<mk-switch v-model="enableRegistration" @change="save()">{{ $t('enableRegistration') }}</mk-switch>
@@ -35,7 +35,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faShieldAlt"/> {{ $t('recaptcha') }}</div>
 		<div class="_content">
 			<mk-switch v-model="enableRecaptcha">{{ $t('enableRecaptcha') }}</mk-switch>
@@ -55,7 +55,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faBolt"/> {{ $t('serviceworker') }}</div>
 		<div class="_content">
 			<mk-switch v-model="enableServiceWorker">{{ $t('enableServiceworker') }}<template #desc>{{ $t('serviceworker-info') }}</template></mk-switch>
@@ -72,7 +72,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faThumbtack"/> {{ $t('pinnedUsers') }}</div>
 		<div class="_content">
 			<mk-textarea v-model="pinnedUsers" style="margin-top: 0;">
@@ -84,7 +84,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faCloud"/> {{ $t('files') }}</div>
 		<div class="_content">
 			<mk-switch v-model="cacheRemoteFiles">{{ $t('cacheRemoteFiles') }}<template #desc>{{ $t('cacheRemoteFilesDescription') }}</template></mk-switch>
@@ -97,7 +97,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faGhost"/> {{ $t('proxyAccount') }}</div>
 		<div class="_content">
 			<mk-input v-model="proxyAccount" style="margin: 0;"><template #prefix>@</template>{{ $t('proxyAccount') }}<template #desc>{{ $t('proxyAccountDescription') }}</template></mk-input>
@@ -107,7 +107,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faBan"/> {{ $t('blockedInstances') }}</div>
 		<div class="_content">
 			<mk-textarea v-model="blockedHosts" style="margin-top: 0;">
@@ -119,7 +119,7 @@
 		</div>
 	</section>
 
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faShareAlt"/> {{ $t('integration') }}</div>
 		<div class="_content">
 			<header><fa :icon="faTwitter"/> {{ $t('twitter-integration-config') }}</header>
@@ -153,7 +153,7 @@
 		</div>
 	</section>
 
-	<section class="_section info">
+	<section class="_card info">
 		<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>
 		<div class="_content table" v-if="stats">
 			<div><b>{{ $t('users') }}</b><span>{{ stats.originalUsersCount | number }}</span></div>
diff --git a/src/client/pages/instance/monitor.vue b/src/client/pages/instance/monitor.vue
index 3f3ce6d73a..b75755126b 100644
--- a/src/client/pages/instance/monitor.vue
+++ b/src/client/pages/instance/monitor.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="mk-instance-monitor">
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faMicrochip"/> {{ $t('cpuAndMemory') }}</div>
 		<div class="_content" style="margin-top: -8px; margin-bottom: -12px;">
 			<canvas ref="cpumem"></canvas>
@@ -18,7 +18,7 @@
 			</div>
 		</div>
 	</section>
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faHdd"/> {{ $t('disk') }}</div>
 		<div class="_content" style="margin-top: -8px; margin-bottom: -12px;">
 			<canvas ref="disk"></canvas>
@@ -33,7 +33,7 @@
 			</div>
 		</div>
 	</section>
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faExchangeAlt"/> {{ $t('network') }}</div>
 		<div class="_content" style="margin-top: -8px; margin-bottom: -12px;">
 			<canvas ref="net"></canvas>
diff --git a/src/client/pages/instance/queue.queue.vue b/src/client/pages/instance/queue.queue.vue
index cc542b176f..6cd2f2a332 100644
--- a/src/client/pages/instance/queue.queue.vue
+++ b/src/client/pages/instance/queue.queue.vue
@@ -1,5 +1,5 @@
 <template>
-<section class="_section mk-queue-queue">
+<section class="_card mk-queue-queue">
 	<div class="_title"><slot name="title"></slot></div>
 	<div class="_content status">
 		<div class="cell"><div class="label">Process</div>{{ activeSincePrevTick | number }}</div>
diff --git a/src/client/pages/instance/queue.vue b/src/client/pages/instance/queue.vue
index b7e633081f..8590f9ae23 100644
--- a/src/client/pages/instance/queue.vue
+++ b/src/client/pages/instance/queue.vue
@@ -6,7 +6,7 @@
 	<x-queue :connection="connection" domain="deliver">
 		<template #title><fa :icon="faExchangeAlt"/> Out</template>
 	</x-queue>
-	<section class="_section">
+	<section class="_card">
 		<div class="_content">
 			<mk-button @click="clear()"><fa :icon="faTrashAlt"/> {{ $t('clearQueue') }}</mk-button>
 		</div>
diff --git a/src/client/pages/instance/stats.vue b/src/client/pages/instance/stats.vue
index 595ad2cc3c..4883d8c873 100644
--- a/src/client/pages/instance/stats.vue
+++ b/src/client/pages/instance/stats.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="mk-instance-stats">
-	<section class="_section">
+	<section class="_card">
 		<div class="_title"><fa :icon="faChartBar"/> {{ $t('statistics') }}</div>
 		<div class="_content" style="margin-top: -8px; margin-bottom: -12px;">
 			<div class="selects" style="display: flex;">
diff --git a/src/client/pages/instance/users.vue b/src/client/pages/instance/users.vue
index da59d8ce24..bafb0c006a 100644
--- a/src/client/pages/instance/users.vue
+++ b/src/client/pages/instance/users.vue
@@ -3,7 +3,7 @@
 	<portal to="icon"><fa :icon="faUsers"/></portal>
 	<portal to="title">{{ $t('users') }}</portal>
 
-	<section class="_section lookup">
+	<section class="_card lookup">
 		<div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div>
 		<div class="_content">
 			<mk-input class="target" v-model="target" type="text" @enter="showUser()" style="margin-top: 0;">
@@ -16,7 +16,7 @@
 		</div>
 	</section>
 
-	<section class="_section users">
+	<section class="_card users">
 		<div class="_title"><fa :icon="faUsers"/> {{ $t('users') }}</div>
 		<div class="_content _list">
 			<mk-pagination :pagination="pagination" #default="{items}" class="users" ref="users" :auto-margin="false">