From f8f0084761bf6be982cb6594a2e75e61773b3de0 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 20 Dec 2021 16:41:03 +0100
Subject: Use ID instead of class for grid divs.

---
 play.html | 16 ++++++++--------
 ui.js     |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/play.html b/play.html
index de41272..d6be830 100644
--- a/play.html
+++ b/play.html
@@ -16,10 +16,10 @@
 <script defer src="ui.js"></script>
 <style>
 
-.grid_center { background-color: #461145; }
-.grid_role { background-color: tan; }
-.grid_top { background-color: tan; }
-.grid_top.your_turn { background-color: orange; }
+#grid_center { background-color: #461145; }
+#grid_role { background-color: tan; }
+#grid_top { background-color: tan; }
+#grid_top.your_turn { background-color: orange; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: #eb5; }
 .turn_info { background-color: burlywood; }
@@ -262,9 +262,9 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822
 <th class="battle_message" colspan=4></th>
 </table>
 
-<div class="grid_window">
+<div id="grid_window">
 
-	<div class="grid_top">
+	<div id="grid_top">
 
 		<div class="menu">
 			<div class="menu_title"><img src="/images/cog.svg"></div>
@@ -300,7 +300,7 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822
 		<div id="exit_button" class="image_button hide" onclick="send_exit()"><img src="/images/exit-door.svg"></div>
 	</div>
 
-	<div class="grid_role">
+	<div id="grid_role">
 
 		<div class="role one">
 			<div class="role_name">
@@ -327,7 +327,7 @@ body.Observer .columbia-labels .known.jupiter.Cleopatra { border: 3px solid #822
 
 	<div id="log"></div>
 
-	<div class="grid_center">
+	<div id="grid_center">
 
 		<div id="mapwrap" class="mapwrap">
 		<div id="map" class="map">
diff --git a/ui.js b/ui.js
index 8bd27a5..0a0c15d 100644
--- a/ui.js
+++ b/ui.js
@@ -788,7 +788,7 @@ document.querySelector(".blocks").classList.add(label_style+'-labels');
 document.querySelector(".battle").classList.add(label_style+'-labels');
 
 drag_element_with_mouse(".battle", ".battle_header");
-scroll_with_middle_mouse(".grid_center");
+scroll_with_middle_mouse("#grid_center");
 init_map_zoom();
 init_shift_zoom();
 init_client([ "Caesar", "Pompeius" ]);
-- 
cgit v1.2.3