From 42110bcd332657ee6e46783a88a6713b7d78181d Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 29 Nov 2020 22:13:10 +0900
Subject: [PATCH] Fix #6701

---
 src/client/components/signup.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/client/components/signup.vue b/src/client/components/signup.vue
index 333733043..6907b655b 100644
--- a/src/client/components/signup.vue
+++ b/src/client/components/signup.vue
@@ -36,11 +36,12 @@
 				<p v-if="passwordRetypeState == 'not-match'" style="color:#FF1161"><Fa :icon="faExclamationTriangle" fixed-width/> {{ $t('passwordNotMatched') }}</p>
 			</template>
 		</MkInput>
-		<MkSwitch v-model:value="ToSAgreement" v-if="meta.tosUrl">
+		<label v-if="meta.tosUrl" class="tou">
+			<input type="checkbox" v-model="ToSAgreement">
 			<i18n-t keypath="agreeTo">
 				<a :href="meta.tosUrl" class="_link" target="_blank">{{ $t('tos') }}</a>
 			</i18n-t>
-		</MkSwitch>
+		</label>
 		<captcha v-if="meta.enableHcaptcha" class="captcha" provider="hcaptcha" ref="hcaptcha" v-model:value="hCaptchaResponse" :sitekey="meta.hcaptchaSiteKey"/>
 		<captcha v-if="meta.enableRecaptcha" class="captcha" provider="grecaptcha" ref="recaptcha" v-model:value="reCaptchaResponse" :sitekey="meta.recaptchaSiteKey"/>
 		<MkButton type="submit" :disabled="shouldDisableSubmitting" primary>{{ $t('start') }}</MkButton>
@@ -207,5 +208,11 @@ export default defineComponent({
 	.captcha {
 		margin: 16px 0;
 	}
+
+	> .tou {
+		display: block;
+		margin: 16px 0;
+		cursor: pointer;
+	}
 }
 </style>