rename ugly css names

3 files changed, 17 insertions, 17 deletions

diff --git a/webAO/index.html b/webAO/index.html
index 6b4e9dd..05afdf6 100644
--- a/webAO/index.html
+++ b/webAO/index.html
@@ -61,13 +61,13 @@
         <p id="clientinfo">Client version - ...</p>
     </div>
     <div id="content">
-        <div id="serverdesc">
+        <div id="serverdescription_box">
 
-            <p id="serverdescC">
+            <p id="serverdescription_content">
 
             </p>
         </div>
-        <ul class="servs" id="masterlist">
+        <ul class="serverlist" id="masterlist">
             <li onmouseover="setServ(99)">
                 <p>Localhost</p> <a class="button" href="client.html?ip=127.0.0.1:27016">Watch</a><a class="button" href="client.html?ip=127.0.0.1:27016">Join</a></li>
 
diff --git a/webAO/master.js b/webAO/master.js
index 616b7a4..1dc6576 100644
--- a/webAO/master.js
+++ b/webAO/master.js
@@ -31,10 +31,10 @@ const online_counter = [];
 export function setServ(ID) {
 	console.log(server_description[ID]);
 	if (server_description[ID] !== undefined) {
-		document.getElementById("serverdescC").innerHTML = "<b>" + online_counter[ID] + "</b><br>" + server_description[ID];
+		document.getElementById("serverdescription_content").innerHTML = "<b>" + online_counter[ID] + "</b><br>" + server_description[ID];
 	}
 	else {
-		document.getElementById("serverdescC").innerHTML = "";
+		document.getElementById("serverdescription_content").innerHTML = "";
 	}
 }
 window.setServ = setServ;
diff --git a/webAO/stylesheet.css b/webAO/stylesheet.css
index 0cf7b48..209a7c0 100644
--- a/webAO/stylesheet.css
+++ b/webAO/stylesheet.css
@@ -47,7 +47,7 @@
 	padding: 1px;
 }
 
-#serverdesc {
+#serverdescription_box {
 	display: inline-block;
 	position: fixed;
 	width: 185px;
@@ -60,7 +60,7 @@
 	border-radius: 5px;
 }
 
-#serverdescC {
+#serverdescription_content {
 	width: 180px;
 	height: 270px;
 	position: relative;
@@ -74,13 +74,13 @@
 }
 
 
-.servs {
+.serverlist {
 	display: block;
 	margin: auto;
 	width: 500px;
 }
 
-.servs li {
+.serverlist li {
 	position: relative;
 	left: -55px;
 	background-color: #FFF;
@@ -98,20 +98,20 @@
 	text-align: center;
 	cursor: default;
 }
-.servs li:hover {
+.serverlist li:hover {
 	background-color: #FFFF6B;
 	border-color: #EFAD21;
 }
 
-.servs li p {
+.serverlist li p {
 	display: inline-block !important;
 }
 
-.servs li a {
+.serverlist li a {
 	float: right;
 }
 
-.servs .button {
+.serverlist .button {
 	position: relative;
 	top: 0px;
 	right: -2px;
@@ -123,18 +123,18 @@
 	box-shadow: 0 0 0 2px #BBB; 
 }
 
-.servs .available {
+.serverlist .available {
 	background-color: #6BFF6B;
 	border-color: #21AD21;
 }
 
-.servs .unavailable {
+.serverlist .unavailable {
 	background-color: #ff6b6B;
 	border-color: #ad2121;
     display: none;
 }
 
-.servs .button:hover {
+.serverlist .button:hover {
 	box-shadow: 0 0 0 1px #EFAD21; 
 }
 
@@ -364,7 +364,7 @@ a.nav-link {
     text-decoration: none !important;
 }
 
-ul.servs p {
+ul.serverlist p {
     color: black;
 }