Small fixes

src/App.vue

@@ -487,7 +487,7 @@
 			box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
 			transition: left 0.2s;
 
-			.button {
+			> .button {
 				width: 100%;
 				border-radius: 0;
 				margin-bottom: 1rem;

src/components/SelectButton.vue

@@ -102,6 +102,7 @@
 			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.12);
 			transition: max-height 0.4s ease-out;
 			border-radius: 0.2rem;			
+			@include user-select(none);
 
 			@at-root #{&}--hidden {
 				max-height: 0;
@@ -138,7 +139,7 @@
 				transition: all 0.2s;
 
 				@at-root #{&}--show {
-					background-color: hsla(213, 35%, 5%, 0.76);
+					background-color: hsla(213, 35%, 5%, 0.5);
 				}
 			}
 
@@ -147,10 +148,11 @@
 				left: 0;
 				bottom: 0;
 				position: fixed;
-				font-size: 1.25rem;
+				font-size: 1.125rem;
 				opacity: 1;
 				border-radius: 0.25rem 0.25rem 0 0;
 				transition: opacity 0.2s, bottom 0.2s;
+				background-color: rgba(255, 255, 255, 0.97);
 
 				@at-root #{&}--hidden {
 					bottom: -100%;
@@ -159,7 +161,7 @@
 
 			}
 			@at-root #{&}__option {
-				padding: 1rem;
+				padding: 0.75rem;
 			}
 		}
 	}

src/components/ThreadDisplay.vue

@@ -165,6 +165,8 @@
 			}
 			@at-root #{&}__replies {
 				cursor: default;
+				width: 4rem;
+				text-align: right;
 			}
 	
 		@at-root #{&}__content {

src/components/routes/Thread.vue

@@ -21,7 +21,7 @@
 			</div>
 		</header>
 
-				<div class='thread_side_bar'>
+		<div class='thread_side_bar'>
 			<loading-button
 				class='button--thin_text'
 				:class='{ "button--disabled" : !$store.state.thread.selectedPosts.length }'
@@ -433,9 +433,14 @@
 
 	@media (max-width: 420px) {
 		.thread_side_bar {
-			position: initial;
 			display: flex;
-			flex-direction: row-reverse;
+			position: initial;
+			flex-direction: row;
+			align-items: flex-end;
+
+			> * {
+				margin: 0 0.5rem;
+			}
 
 			.post_scrubber {
 				display: none;
@@ -446,6 +451,7 @@
 			width: 100%;
 			padding: 0.25rem 0.5rem;
 			box-shadow: 0 0 0.3rem rgba(175, 175, 175, 0.25);
+			overflow: hidden;
 		}
 		.locked_thread {
 			width: 100%;

src/components/routes/UserPosts.vue

@@ -114,6 +114,7 @@
 	@media (max-width: 420px) {
 		.user_posts {
 			margin-top: 1rem;
+			overflow: hidden;
 		}
 	}
 </style>