add right to livestats

public/css/app.css

@@ -1274,12 +1274,6 @@ hr {
   width: 100%;
 }
 
-.livestats-container .livestats li {
-  text-align: center;
-  margin: 0;
-  line-height: 1;
-}
-
 .livestats-container .livestats span {
   display: block;
   text-transform: uppercase;
@@ -1311,6 +1305,22 @@ hr {
   margin-left: 4px;
 }
 
+.livestats-container .livestats li {
+  text-align: center;
+  margin: 0;
+  line-height: 1;
+}
+
+.livestats-container .livestats li.right {
+  text-align: right;
+}
+
+.livestats-container .livestats li.right span {
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
+
 .livestats-container .livestats.flexcolumn {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=8dc4a6ea723d0df7469d",
-    "/css/app.css": "/css/app.css?id=476a34b0b53427a036fd"
+    "/css/app.css": "/css/app.css?id=fc4d028f7cc679d5b7bf",
+    "/js/app.js": "/js/app.js?id=8dc4a6ea723d0df7469d"
 }

resources/assets/sass/_app.scss

@@ -866,11 +866,6 @@ hr {
 		justify-content: space-between;
 		width: 100%;
 
-		li {
-			text-align: center;
-			margin: 0;
-			line-height: 1;
-		}
 		span {
 			display: block;
 			text-transform: uppercase;
@@ -893,6 +888,18 @@ hr {
 				margin-left: 4px;
 			}
 		}
+		li {
+			text-align: center;
+			margin: 0;
+			line-height: 1;
+			&.right {
+				text-align: right;
+				span {
+					justify-content: flex-end;
+				}
+			}
+		}
+
 		&.flexcolumn {
 			flex-direction: column;
 		}