Add load new threads button

src/components/routes/Index.vue

@@ -32,6 +32,9 @@
 				:loading='loading'
 				@loadNext='getThreads'
 			>
+				<div class='threads_main__load_new'>
+					Load 5 new threads</span>
+				</div>
 				<thread-display v-for='thread in filteredThreads' :thread='thread'></thread-display>
 				<thread-display-placeholder v-for='n in nextThreadsCount'></thread-display-placholder>
 			</scroll-load>
@@ -161,6 +164,7 @@
 </script>
 
 <style lang='scss' scoped>
+	@import '../../assets/scss/elementStyles.scss';
 	@import '../../assets/scss/variables.scss';
 
 	.threads_main {
@@ -241,6 +245,17 @@
 		width: calc(100% - 11rem);
 	}
 
+	.threads_main__load_new {
+		@extend .button;
+
+		font-size: 1.25rem;
+		margin: 0 0 1rem 0;
+		background-color: $color__lightgray--primary;
+		border-color: $color__gray--darker;
+		width: 100%;
+		font-weight: 300;
+	}
+
 	.thread {
 		background-color: #fff;
 		padding: 0.5rem 0;