Use generic class to add padding etc to route div containers

src/App.vue

@@ -150,6 +150,12 @@
 		box-sizing: border-box;
 	}
 
+	.route_container {
+		width: 80%;
+		margin: 0 auto;
+		margin-top: 2rem;
+	}
+
 	#app {
 		padding-bottom: 2rem;
 		padding-top: 5rem;

src/components/routes/Index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class='index'>
+	<div class='route_container'>
 		<div class='thread_sorting'>
 			<select-button style='margin-right: 1rem' v-model='selectedCategory' :options='categories'></select-button>
 			<select-options :options='options' name='filterOptions'></select-options>
@@ -86,12 +86,6 @@
 <style lang='scss' scoped>
 	@import '../../assets/scss/variables.scss';
 
-	.index {
-		width: 80%;
-		margin: 0 auto;
-		margin-top: 2rem;
-	}
-
 	.thread_sorting {
 		margin-bottom: 1rem;
 	}

src/components/routes/Thread.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class='route_container'>
 	</div>
 </template>