Change class names to reflect new roles

src/components/routes/Thread.vue

@@ -33,13 +33,12 @@
 					<div class='post__date'>{{post.createdAt | formatDate('time|date', ', ')}}</div>
 				</div>
 				<div class='post__content' v-html='post.content'></div>
-				<div class='post__actions'>
-					<div class='post__action_group'>
+				<div class='post__footer'>
+					<div class='post__footer_group'>
 						Replies:
 						<post-reply v-for='reply in post.Replies' :post='reply'></post-reply>
-						</div>
 					</div>
-					<div class='post__action_group'>
+					<div class='post__footer_group'>
 						<div class='post__action post__share'>Share</div>
 						<div
 							class='post__action post__reply'
@@ -226,10 +225,14 @@
 		@at-root #{&}__content {
 			padding: 0.5rem 0 0.5rem 4rem;
 		}
-		@at-root #{&}__actions {
+		@at-root #{&}__footer {
 			padding: 0.5rem 0 0.75rem 4rem;
 			display: flex;
 			justify-content: space-between;
+
+			@at-root #{&}_group {
+				display: inline-flex;
+			}
 		}
 		@at-root #{&}__action {
 			color: $color__gray--darkest;
@@ -244,10 +247,6 @@
 			&:active {
 				color: $color__darkgray--darkest;
 			}
-
-			@at-root #{&}_group {
-				display: inline-flex;
-			}
 		}
 	}
 </style>