From 12531fce675a275782fba382c6b8d5f8a38f93a3 Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Wed, 20 Jul 2022 21:09:17 -0600
Subject: [PATCH] Update the CSS

---
 web-svelte/src/components/Board.svelte | 40 ++++++++++++++------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/web-svelte/src/components/Board.svelte b/web-svelte/src/components/Board.svelte
index b623f2b..d69c99f 100644
--- a/web-svelte/src/components/Board.svelte
+++ b/web-svelte/src/components/Board.svelte
@@ -137,30 +137,14 @@ main {
 		align-items: center;
 		height: 95%;
 		width: 100%;
-
-		.spaceship-icon {
-			/*
-				Smaller version: 55px
-				Larger version: 75px
-			*/
-			--size: 55px;
-			width: var(--size);
-			height: var(--size);
-			display: flex;
-			color: var(--colour);
-			justify-content: center;
-			align-items: center;
-		}
 	}
 }
 
 .row-reverse {
 	flex-direction: row-reverse;
 
-	div {
-		.spaceship-icon {
-			transform: rotate(180deg);
-		}
+	.spaceship-icon {
+		transform: scaleX(-1);
 	}
 }
 
@@ -170,6 +154,26 @@ main {
 	align-items: center;
 }
 
+.spaceship-icon {
+	/*
+		Smaller version: 55px
+		Larger version: 75px
+	*/
+	--size: 55px;
+	width: var(--size);
+	height: var(--size);
+	display: flex;
+	color: var(--colour);
+	justify-content: center;
+	align-items: center;
+}
+.side-hex {
+	.spaceship-icon {
+		transform: rotate(90deg);
+	}
+}
+
+
 .singularity {
 	background-image: url(/assets/black-hole.svg);
 	background-repeat: no-repeat;