Move event reminder location on top of Yugoslavia.

Initialize marker locations to their starting positions.

3 files changed, 15 insertions, 25 deletions

diff --git a/play.css b/play.css
index d98c8ce..c339351 100644
--- a/play.css
+++ b/play.css
@@ -109,10 +109,11 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 #event_reminder_list {
 	position: absolute;
 	display: flex;
-	flex-rap: wrap;
+	flex-wrap: wrap;
 	gap: 5px;
-	bottom: 165px;
-	right: 195px;
+	top: 1650px;
+	left: 600px;
+	width: 200px;
 }
 
 .marker {
diff --git a/play.html b/play.html
index eb2f495..473be26 100644
--- a/play.html
+++ b/play.html
@@ -53,27 +53,12 @@
 <div id="map">
 	<div id="spaces"></div>
 	<div id="markers">
-		<div id="marker_turn" class="marker"></div>
-		<div id="marker_action_round" class="marker"></div>
-		<div id="marker_stability_track" class="marker"></div>
-		<div id="marker_dem_tst" class="marker"></div>
-		<div id="marker_com_tst" class="marker"></div>
-		<div id="marker_vp" class="marker"></div>
-
-		<!-- TODO
-		<div class="germany marker" id="East_Germany">
-			<p class="times_held hide" id="East_Germany_times_held">1</p></div>
-		<div class="poland marker" id="Poland">
-			<p class="times_held hide" id="Poland_times_held">1</p></div>
-		<div class="czech marker" id="Czechoslovakia">
-			<p class="times_held hide" id="Czechoslovakia_times_held">1</p></div>
-		<div class="hungary marker" id="Hungary">
-			<p class="times_held hide" id="Hungary_times_held">1</p></div>
-		<div class="romania marker" id="Romania">
-			<p class="times_held hide" id="Romania_times_held">1</p></div>
-		<div class="bulgaria marker" id="Bulgaria">
-			<p class="times_held hide" id="Bulgaria_times_held">1</p></div>
-		-->
+		<div id="marker_turn" class="marker" style="left: 653px; top: 79px;"></div>
+		<div id="marker_action_round" class="marker dem" style="left: 708px; top: 141px;"></div>
+		<div id="marker_stability_track" class="marker" style="left: 1380px; top: 1080px;"></div>
+		<div id="marker_dem_tst" class="marker" style="left: 52px; top: 2127px;"></div>
+		<div id="marker_com_tst" class="marker" style="left: 52px; top: 2256px;"></div>
+		<div id="marker_vp" class="marker" style="left: 846px; top: 2425px;"></div>
 
 		<!-- PERMANENT EVENT MARKERS ON THE BOARD -->
 		<div id="event_reminder_list"></div>
diff --git a/play.js b/play.js
index 9ac9e60..4658044 100644
--- a/play.js
+++ b/play.js
@@ -284,7 +284,8 @@ function on_update() {
 	if (!ui.spaces)
 		create_ui()
 
-	// UPDATE ASIDE
+	// UPDATE PLAYER INFO
+
 	if (view.is_pwr_struggle) {
 		roles.Democrat.stat.textContent = `${view.democrat_power_hand} Power cards`
 		roles.Communist.stat.textContent = `${view.communist_power_hand} Power cards`
@@ -292,9 +293,11 @@ function on_update() {
 		roles.Democrat.stat.textContent = `${view.democrat_hand} cards`
 		roles.Communist.stat.innerText = `${view.communist_hand} cards`
 	}
+
 	ui.turn_info.innerText = `Strategy deck: ${view.strategy_deck} cards`
 
 	// UPDATE TRACK MARKERS
+
 	layout_turn_marker()
 	layout_round_marker()
 	layout_stability_marker()
@@ -338,6 +341,7 @@ function on_update() {
 			ui.event_reminder_list.appendChild(ui.events[id])
 
 	// UPDATE INFLUENCE VALUES
+
 	for (let s = 1; s <= last_space; ++s) {
 		const demInfl = view.demInfl[s]
 		const comInfl = view.comInfl[s]