🎨

src/client/pages/docs.vue

@@ -1,9 +1,8 @@
 <template>
 <div class="vtaihdtm">
 	<div class="search">
-		<MkInput v-model="query" :debounce="true" type="search" class="_inputNoTopMargin _inputNoBottomMargin">
+		<MkInput v-model="query" :debounce="true" type="search" class="_inputNoTopMargin _inputNoBottomMargin" :placeholder="$ts.search">
 			<template #prefix><i class="fas fa-search"></i></template>
-			<template #label>{{ $ts.search }}</template>
 		</MkInput>
 	</div>
 	<MkFolder>

src/client/pages/emojis.vue

@@ -1,9 +1,8 @@
 <template>
 <div class="driuhtrh">
 	<div class="query">
-		<MkInput v-model="q" class="_inputNoTopMargin _inputNoBottomMargin">
+		<MkInput v-model="q" class="_inputNoTopMargin _inputNoBottomMargin" :placeholder="$ts.search">
 			<template #prefix><i class="fas fa-search"></i></template>
-			<template #label>{{ $ts.search }}</template>
 		</MkInput>
 	</div>
 
@@ -102,7 +101,6 @@ export default defineComponent({
 	> .query {
 		background: var(--bg);
 		padding: 16px;
-		border-bottom: solid 0.5px var(--divider);
 	}
 
 	> .emojis {

src/client/pages/federation.vue

@@ -169,7 +169,6 @@ export default defineComponent({
 	> .query {
 		background: var(--bg);
 		padding: 16px;
-		border-bottom: solid 0.5px var(--divider);
 	}
 }
 

src/client/pages/messaging/messaging-room.vue

@@ -29,7 +29,7 @@
 					<button class="_buttonPrimary" @click="onIndicatorClick"><i class="fas fa-arrow-circle-down"></i>{{ $ts.newMessageExists }}</button>
 				</div>
 			</transition>
-			<XForm v-if="!fetching" :user="user" :group="group" ref="form"/>
+			<XForm v-if="!fetching" :user="user" :group="group" ref="form" class="form"/>
 		</footer>
 	</div>
 </div>
@@ -452,6 +452,10 @@ export default Component;
 				}
 			}
 		}
+
+		> .form {
+			border-top: solid 0.5px var(--divider);
+		}
 	}
 }