Refactor

src/client/app/mobile/views/components/note-detail.vue

@@ -37,7 +37,7 @@
 		<div class="body">
 			<p v-if="p.cw != null" class="cw">
 				<span class="text" v-if="p.cw != ''">{{ p.cw }}</span>
-				<span class="toggle" @click="showContent = !showContent">{{ showContent ? '%i18n:@hide%' : '%i18n:@see-more%' }}</span>
+				<mk-cw-button v-model="showContent"/>
 			</p>
 			<div class="content" v-show="p.cw == null || showContent">
 				<div class="text">
@@ -352,19 +352,6 @@ root(isDark)
 				> .text
 					margin-right 8px
 
-				> .toggle
-					display inline-block
-					padding 4px 8px
-					font-size 0.7em
-					color isDark ? #393f4f : #fff
-					background isDark ? #687390 : #b1b9c1
-					border-radius 2px
-					cursor pointer
-					user-select none
-
-					&:hover
-						background isDark ? #707b97 : #bbc4ce
-
 			> .content
 
 				> .text