Fixed some UI bugs, and redesigned some UI elements.

- Changed class structure (added dialogs, cells folder)
- Changed font to Baloo as it has better font height
- Figured out a way to change the font color of max player slider thumb
- Added cursor effect when mouse hover on any button
- Fixed drop shadow bug for lobby view player cell
- Moved drop shadow effect from player cell controller to css

#story[1245]

src/main/java/seng302/visualiser/controllers/cells/PlayerCell.java

@@ -0,0 +1,26 @@
+package seng302.visualiser.controllers.cells;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.effect.DropShadow;
+import javafx.scene.layout.GridPane;
+import javafx.scene.paint.Color;
+
+
+public class PlayerCell {
+    @FXML
+    private Label playerName;
+
+    @FXML
+    private GridPane playerListCell;
+
+    private String name;
+
+    public PlayerCell(String playerName) {
+        this.name = playerName;
+    }
+
+    public void initialize() {
+        playerName.setText(name);
+    }
+}

src/main/java/seng302/visualiser/controllers/cells/ServerCell.java

@@ -0,0 +1,76 @@
+package seng302.visualiser.controllers.cells;
+
+import com.jfoenix.controls.JFXButton;
+import com.jfoenix.controls.JFXDecorator;
+import java.io.IOException;
+import java.net.URL;
+import java.util.ResourceBundle;
+
+import com.jfoenix.controls.JFXTextField;
+import javafx.fxml.FXML;
+import javafx.fxml.FXMLLoader;
+import javafx.fxml.Initializable;
+import javafx.scene.Parent;
+import javafx.scene.control.Label;
+import javafx.scene.effect.DropShadow;
+import javafx.scene.layout.GridPane;
+import javafx.scene.paint.Color;
+import seng302.gameServer.ServerDescription;
+import seng302.visualiser.GameClient;
+import seng302.visualiser.controllers.ViewManager;
+
+public class ServerCell implements Initializable {
+
+    //--------FXML BEGIN--------//
+    //Layout
+    @FXML
+    private GridPane serverListCell;
+
+    //Server Information
+    @FXML
+    private Label serverName;
+    @FXML
+    private Label mapName;
+    @FXML
+    private Label serverPlayerCount;
+    //Server Connection
+    @FXML
+    private JFXButton serverConnButton;
+    //---------FXML END---------//
+
+    private String name;
+    private String mapNameString;
+
+    private String currPlayerCount;
+
+    private String hostName;
+    private Integer portNumber;
+
+
+    public ServerCell(ServerDescription server) {
+        this.name = server.getName();
+
+        this.currPlayerCount = server.getNumPlayers().toString() + "/" + server.getCapacity().toString();
+        this.mapNameString = server.getMapName();
+
+        this.hostName = server.getAddress();
+        this.portNumber = server.portNumber();
+    }
+
+
+    public void initialize(URL location, ResourceBundle resources) {
+        serverName.setText(name);
+        serverPlayerCount.setText(currPlayerCount);
+        mapName.setText(mapNameString);
+
+        serverConnButton.setOnMouseReleased(event -> joinServer());
+    }
+
+    public void joinServer() {
+        // TODO: 7/09/17 ajm412: Connect to a server here with the values stored in the hostName/portNumber variables.
+        System.out.println("Connecting to " + serverName.getText());
+
+        ViewManager.getInstance().getGameClient().runAsClient(hostName, portNumber);
+    }
+
+}