Bug fix on test page: column order, mobile spacing

src/stylesheets/main.scss

@@ -23,3 +23,4 @@
 @import 'pages/index';
 @import 'pages/dashboard';
 @import 'pages/classes';
+@import 'pages/tests';

src/stylesheets/pages/_dashboard.scss

@@ -1,7 +1,7 @@
 .adminContent {
 	min-height: 91vh;
 	background-color: $admin-bg;
-	padding: .5rem 2rem 0 2rem;
+	padding: .5rem 1rem 0 1rem;
 
 	.dashboard__stats {
 		display: grid;

src/stylesheets/pages/_tests.scss

@@ -0,0 +1,7 @@
+.tests {
+	table {
+		th, td {
+			overflow-wrap: anywhere;
+		}
+	}
+}

views/tests.hbs

@@ -6,51 +6,51 @@
 				<thead>
 					<tr>
 						<th>Name</th>
-						<th>Subject</th>
 						<th>Class</th>
+						<th>Subject</th>
 						<th>Date</th>
 					</tr>
 				</thead>
 				{{> test
 					id='1'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 				{{> test
 					id='2'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 				{{> test
 					id='3'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 				{{> test
 					id='4'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 				{{> test
 					id='5'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 				{{> test
 					id='6'
 					name='Organic Synthesis'
-					subject='Chemistry'
 					class='MKA_133'
+					subject='Chemistry'
 					date='01/08/2021'
 				}}
 			</table>