Improve usability

locales/ja-JP.yml

@@ -1272,6 +1272,7 @@ admin/views/instance.vue:
   save: "保存"
   saved: "保存しました"
   pinned-users: "ピン留めユーザー"
+  pinned-users-info: "ピン留めしたいユーザーを改行で区切って記述します。"
   email-config: "メールサーバーの設定"
   email-config-info: "メールアドレス確認やパスワードリセットの際に使われます。"
   enable-email: "メール配信を有効にする"

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

@@ -87,8 +87,10 @@
 
 	<ui-card>
 		<template #title>{{ $t('pinned-users') }}</template>
-		<section>
-			<ui-textarea v-model="pinnedUsers"></ui-textarea>
+		<section class="fit-top">
+			<ui-textarea v-model="pinnedUsers">
+				<template #desc>{{ $t('pinned-users-info') }}</template>
+			</ui-textarea>
 			<ui-button @click="updateMeta">{{ $t('save') }}</ui-button>
 		</section>
 	</ui-card>
@@ -204,7 +206,7 @@ export default Vue.extend({
 			enableServiceWorker: false,
 			swPublicKey: null,
 			swPrivateKey: null,
-			pinnedUsers: [],
+			pinnedUsers: '',
 			faHeadset, faShieldAlt, faGhost, faUserPlus, farEnvelope, faBolt
 		};
 	},