From d4bc98ff7797bc1662758b02208c7d7cbb5138fe Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Wed, 20 Jul 2022 21:11:46 -0600
Subject: [PATCH] Add the class to style the side boxes with

---
 web-svelte/src/components/Board.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web-svelte/src/components/Board.svelte b/web-svelte/src/components/Board.svelte
index d69c99f..282ca68 100644
--- a/web-svelte/src/components/Board.svelte
+++ b/web-svelte/src/components/Board.svelte
@@ -38,7 +38,7 @@ function calculateMidNumber(row: number, col: number) {
 
 <main class="board">
 	<div class="singularity inner-grid"></div>
-	<div class="right-down-1 inner-grid">
+	<div class="side-hex right-down-1 inner-grid">
 		<Hexagon>
 			{#if board[10] != null}
 			<div
@@ -52,7 +52,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="left-down-1 inner-grid">
+	<div class="side-hex left-down-1 inner-grid">
 		<Hexagon>
 			{#if board[21] != null}
 			<div
@@ -66,7 +66,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="right-down-2 inner-grid">
+	<div class="side-hex right-down-2 inner-grid">
 		<Hexagon>
 			{#if board[32] != null}
 			<div
@@ -80,7 +80,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="left-down-2 inner-grid">
+	<div class="side-hex left-down-2 inner-grid">
 		<Hexagon>
 			{#if board[43] != null}
 			<div