use overlay for systematization instead of double sized counter

2 files changed, 9 insertions, 4 deletions

diff --git a/play.css b/play.css
index 1a8a724..030c990 100644
--- a/play.css
+++ b/play.css
@@ -173,6 +173,11 @@ X#log .dem_nc { background-image: url(images/icon_dem.png) }
 	box-shadow: 0 0 0 1px black, inset 0 0 0 1px black;
 }
 
+.space.systematization {
+	background-color: #faebd7cc;
+	border-color: antiquewhite;
+}
+
 /* MARKERS */
 
 /* node tools/gencolors.js */
@@ -316,9 +321,6 @@ X#log .dem_nc { background-image: url(images/icon_dem.png) }
 /* The Wall */
 #event_9 { top: 175px; left: 216px; }
 
-/* Systematisation */
-#event_69 {height: 65px; width: 65px; background-size: cover;}
-
 /* CARD PANELS */
 
 .panel {
diff --git a/play.js b/play.js
index fdc22f6..c5c7602 100644
--- a/play.js
+++ b/play.js
@@ -835,6 +835,7 @@ function on_update() {
 		layout_country(i)
 		/*layout_score_box(i)*/
 	}
+
 	// UPDATE CARD DISPLAYS
 
 	ui.samizdat_card.replaceChildren()
@@ -903,8 +904,10 @@ function on_update() {
 	for (let e of action_register)
 		e.classList.toggle("action", is_action(e.my_action, e.my_id))
 
-	for (let s = 0; s <= last_space; ++s)
+	for (let s = 0; s <= last_space; ++s) {
 		ui.spaces[s].classList.toggle("selected", view.selected_space === s)
+		ui.spaces[s].classList.toggle("systematization", view.systematization === s)
+	}
 
 	action_button("east_germany", "East Germany")
 	action_button("poland", "Poland")