Some tweaks

src/client/components/post-form.vue

@@ -587,7 +587,6 @@ export default Vue.extend({
 .gafaadew {
 	background: var(--panel);
 	border-radius: var(--radius);
-	box-shadow: 0 0 2px rgba(#000, 0.1);
 
 	> header {
 		z-index: 1000;
@@ -658,7 +657,6 @@ export default Vue.extend({
 
 		&.fixed {
 			max-width: unset;
-			margin: 0 32px;
 		}
 
 		> .preview {

src/client/pages/index.home.vue

@@ -16,9 +16,7 @@
 
 	<x-tutorial class="tutorial" v-if="$store.state.settings.tutorial != -1"/>
 
-	<div style="position: relative" v-if="$store.state.device.showFixedPostForm">
-		<x-post-form class="post-form" fixed />
-	</div>
+	<x-post-form class="post-form _panel" fixed v-if="$store.state.device.showFixedPostForm"/>
 	<x-timeline ref="tl" :key="src === 'list' ? `list:${list.id}` : src === 'antenna' ? `antenna:${antenna.id}` : src" :src="src" :list="list" :antenna="antenna" @before="before()" @after="after()"/>
 </div>
 </template>
@@ -177,10 +175,11 @@ export default Vue.extend({
 	> .tutorial {
 		margin-bottom: var(--margin);
 	}
-}
 
-.post-form {
-	margin-bottom: var(--margin);
+	> .post-form {
+		position: relative;
+		margin-bottom: var(--margin);
+	}
 }
 
 ._kjvfvyph_ {

src/client/store.ts

@@ -39,6 +39,7 @@ const defaultDeviceSettings = {
 	animation: true,
 	animatedMfm: true,
 	imageNewTab: false,
+	showFixedPostForm: false,
 	userData: {},
 };