turn marker style

2 files changed, 5 insertions, 5 deletions

diff --git a/play.html b/play.html
index 00ee86f..f087bc8 100644
--- a/play.html
+++ b/play.html
@@ -248,7 +248,7 @@ div.congress_box.action {
 }
 
 
-/* 2D CUBES */
+/* 3D CUBES */
 .piece.cube { width: 21px; height: 25px; }
 .piece.red.cube { background-image: url(pieces/iso_red_cube.svg); }
 .piece.yellow.cube { background-image: url(pieces/iso_yellow_cube.svg); }
@@ -266,8 +266,8 @@ div.congress_box.action {
 	width: 30px;
 	height: 30px;
 	border-radius: 50%;
-	border: 1px solid black;
-	background-color: #666;
+	border: 3px solid white;
+	backdrop-filter: invert(80%);
 }
 
 .piece.yes { width: 42px; height: 32px; background-size: 42px 32px; background-image: url(pieces/yes.svg); }
@@ -986,7 +986,7 @@ c5 3 13 7 17 8 8 2 9 3 11 12 1 5 5 12 8 16 5 8 5 8 3 22 l-3 14 -30 -1 c-35
 		<div id="AtlanticAppalachia" class="region" style="top:332px;left:763px;"></div>
 		<div id="Northeast" class="region" style="top:157px;left:880px;"></div>
 
-		<div id="turn" class="piece turn" style="left:800px;top:765px;"></div>
+		<div id="turn" class="piece turn" style="left:806px;top:770px;"></div>
 		<div id="congress_box" class="congress_box" style="left:490px;top:760px;width:270px;height:60px;">
 		</div>
 		<div id="support_buttons" class="button_box" style="left:4px;top:40px;width:50px;height:534px;">
diff --git a/play.js b/play.js
index ac11b1c..13980e2 100644
--- a/play.js
+++ b/play.js
@@ -602,7 +602,7 @@ function on_update() { // eslint-disable-line no-unused-vars
 	document.getElementById("support_info").textContent = support_info()
 	document.getElementById("opposition_info").textContent = opposition_info()
 
-	ui.turn.style.left = 800 + (42 * (view.turn - 1)) + "px"
+	ui.turn.style.left = 806 + (42 * (view.turn - 1)) + "px"
 
 	ui.congress_box.replaceChildren()
 	ui.congress_box.classList.toggle("action", !view.congress && is_action("congress"))