Use ID instead of class for grid divs.

2 files changed, 11 insertions, 11 deletions

diff --git a/play.html b/play.html
index 23d5242..e5e5576 100644
--- a/play.html
+++ b/play.html
@@ -12,12 +12,12 @@
 <script defer src="ui.js"></script>
 <style>
 
-.grid_center { background-color: slategray; }
-.grid_role { background-color: gainsboro; }
-.grid_top { background-color: silver; }
-.Persia .grid_top.your_turn { background-color: skyblue; }
-.Greece .grid_top.your_turn { background-color: salmon; }
-.grid_top.disconnected { background-color: red; }
+#grid_center { background-color: slategray; }
+#grid_role { background-color: gainsboro; }
+#grid_top { background-color: silver; }
+.Persia #grid_top.your_turn { background-color: skyblue; }
+.Greece #grid_top.your_turn { background-color: salmon; }
+#grid_top.disconnected { background-color: red; }
 .role_info { background-color: silver; }
 .one .role_name { background-color: salmon; }
 .two .role_name { background-color: skyblue; }
@@ -273,9 +273,9 @@
 <form class="chat_form" action=""><input id="chat_input" autocomplete="off"></form>
 </div>
 
-<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>
@@ -312,7 +312,7 @@
 		<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">Greece &#x2013; <span class="role_user">$USER</span></div>
@@ -329,7 +329,7 @@
 
 	<div id="log"></div>
 
-	<div class="grid_center">
+	<div id="grid_center">
 
 		<div id="map" class="map">
 
diff --git a/ui.js b/ui.js
index 1736404..630e914 100644
--- a/ui.js
+++ b/ui.js
@@ -649,5 +649,5 @@ if (param_role == GREECE)
 	document.getElementById("map").classList.add("greek");
 
 build_ui();
-scroll_with_middle_mouse(".grid_center", 2);
+scroll_with_middle_mouse("#grid_center", 2);
 init_client(["Greece", "Persia"]);