From 8d5cd2b00baa2be83404cf5feb900df881be94f3 Mon Sep 17 00:00:00 2001
From: Daniel Scalzi <d_scalzi@yahoo.com>
Date: Thu, 19 Apr 2018 22:06:34 -0400
Subject: [PATCH] Changed server listing element from div to button.

This is necessary to implement proper functionality. Work on that will be done shortly.
---
 app/overlay.ejs | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/app/overlay.ejs b/app/overlay.ejs
index 242fe08..9dae97f 100644
--- a/app/overlay.ejs
+++ b/app/overlay.ejs
@@ -39,6 +39,8 @@
 }
 
 .serverListing {
+    border: none;
+    padding: 0px;
     width: 375px;
     min-height: 60px;
     display: flex;
@@ -54,7 +56,9 @@
     cursor: default;
     opacity: 1.0;
 }
-.serverListing:hover {
+.serverListing:hover,
+.serverListing:focus {
+    outline: none;
     opacity: 1.0;
 }
 #serverSelectListScrollable > .serverListing:not(:first-child):not(:last-child) {
@@ -219,7 +223,7 @@
         <span id="serverSelectHeader">Available Servers</span>
         <div id="serverSelectList">
             <div id="serverSelectListScrollable">
-                <div class="serverListing" selected>
+                <button class="serverListing" selected>
                     <img class="serverListingImg" src="./assets/images/WesterosSealSquare.png"/>
                     <div class="serverListingDetails">
                         <span class="serverListingName">WesterosCraft Production Server</span>
@@ -239,8 +243,8 @@
                             </div>
                         </div>
                     </div>
-                </div>
-                <div class="serverListing">
+                </button>
+                <button class="serverListing">
                     <img class="serverListingImg" src="./assets/images/testserver.png"/>
                     <div class="serverListingDetails">
                         <span class="serverListingName">WesterosCraft Test Server</span>
@@ -250,8 +254,8 @@
                             <div class="serverListingRevision">3.6.0</div>
                         </div>
                     </div>
-                </div>
-                <div class="serverListing">
+                </button>
+                <button class="serverListing">
                     <img class="serverListingImg" src="./assets/images/testserver.png"/>
                     <div class="serverListingDetails">
                         <span class="serverListingName">WesterosCraft 1.12.2 Test Server</span>
@@ -261,8 +265,8 @@
                             <div class="serverListingRevision">4.0.1</div>
                         </div>
                     </div>
-                </div>
-                <div class="serverListing">
+                </button>
+                <button class="serverListing">
                     <img class="serverListingImg" src="./assets/images/testserver.png"/>
                     <div class="serverListingDetails">
                         <span class="serverListingName">EssosCraft Test Server</span>
@@ -272,7 +276,7 @@
                             <div class="serverListingRevision">9.7.2</div>
                         </div>
                     </div>
-                </div>
+                </button>
             </div>
         </div>
         <div id="serverSelectActions">