瀏覽代碼

Fix layout issues

sbkwgh 7 年之前
父節點
當前提交
ea6b6863c3
共有 2 個文件被更改,包括 6 次插入6 次删除
  1. 1 0
      frontend/src/components/PostScrubber.vue
  2. 5 6
      frontend/src/components/routes/Thread.vue

+ 1 - 0
frontend/src/components/PostScrubber.vue

@@ -140,6 +140,7 @@
 		height: 10rem;
 		position: relative;
 		margin-top: 2rem;
+		margin-left: 0.25rem;
 
 		@at-root #{&}--no_top_transition {
 			transition: background-color 0.2s !important;

+ 5 - 6
frontend/src/components/routes/Thread.vue

@@ -27,7 +27,7 @@
 				@click='removePosts'
 				v-if='$store.state.thread.showRemovePostsButton'
 			>
-				Remove selected posts ({{$store.state.thread.selectedPosts.length}})
+				Remove posts ({{$store.state.thread.selectedPosts.length}})
 			</loading-button>
 			<menu-button
 				v-if='$store.state.admin'
@@ -374,18 +374,17 @@
 	@import '../../assets/scss/variables.scss';
 
 	.thread_side_bar {
+		align-items: flex-start;
+		display: flex;
+		flex-direction: column;
+		min-width: 10rem;
 		position: fixed;
 		right: 10%;
-		top: 7.25rem;
-		min-width: 10rem;
 
 		.button {
 			margin-bottom: 0.75rem;
 			height: 3rem;
 		}
-		& > .button, .menu_button {
-			margin-left: -0.25rem;
-		}
 	}
 
 	.thread_header {