Fancy join buttons

Author: Danielv123

main.js

@@ -61,7 +61,7 @@ ipc.on("setServers", function(event, data){
 			}
 			// add button to join server, also generate buttons with string manipulation because that is SO SAFE!
 			// html += "<td onclick='launchFactorio(\""+data[key].publicIP+"\",\""+data[key].serverPort+"\",\""+data[key].rconPort+"\",\""+JSON.stringify(data[key].mods)+"\")'>Join server</td></tr>"
-			html += '<td id="temp" onclick="launchFactorio(this)">Join server</td>'
+			html += '<td id="temp" onclick="launchFactorio(this)"><button class="button launchButton">Join server</button></td>'
 		}
 	}
 

style.css

@@ -18,4 +18,29 @@ td {
 	height:30px;
 	background-color:lightgray;
 	font-size:20px;
-}
+}
+
+.button {
+    background-color: #4CAF50; /* Green */
+    border: 2px solid #4CAF50;
+    color: white;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 15px;
+    margin: 1px 1px;
+    cursor: pointer;
+	
+    transition-duration: 0.4s;
+}
+
+.button:hover {
+    background-color: white;
+    color: black;
+	border: 2px solid #4CAF50;
+}
+
+.launchButton {
+	background-color: #4CAF50;
+	padding: 0px 20px;
+}