Polished race view text area and send button UI style to make them pretty

tags: #story[1245]

src/main/java/seng302/visualiser/controllers/RaceViewController.java

@@ -1,6 +1,13 @@
 package seng302.visualiser.controllers;
 
 import com.jfoenix.controls.JFXButton;
+import java.io.IOException;
+import java.util.ArrayList;
+import java.util.List;
+import java.util.Map;
+import java.util.Timer;
+import java.util.TimerTask;
+import java.util.concurrent.TimeUnit;
 import javafx.animation.Timeline;
 import javafx.application.Platform;
 import javafx.beans.property.ReadOnlyBooleanProperty;
@@ -17,8 +24,17 @@ import javafx.scene.chart.NumberAxis;
 import javafx.scene.chart.XYChart;
 import javafx.scene.chart.XYChart.Data;
 import javafx.scene.chart.XYChart.Series;
-import javafx.scene.control.*;
-import javafx.scene.layout.*;
+import javafx.scene.control.Button;
+import javafx.scene.control.CheckBox;
+import javafx.scene.control.ComboBox;
+import javafx.scene.control.Label;
+import javafx.scene.control.Slider;
+import javafx.scene.control.TextField;
+import javafx.scene.layout.AnchorPane;
+import javafx.scene.layout.GridPane;
+import javafx.scene.layout.Pane;
+import javafx.scene.layout.StackPane;
+import javafx.scene.layout.VBox;
 import javafx.scene.paint.Color;
 import javafx.scene.paint.Paint;
 import javafx.scene.shape.Line;
@@ -40,10 +56,6 @@ import seng302.visualiser.fxObjects.ChatHistory;
 import seng302.visualiser.fxObjects.assets_2D.BoatObject;
 import seng302.visualiser.fxObjects.assets_2D.WindArrow;
 
-import java.io.IOException;
-import java.util.*;
-import java.util.concurrent.TimeUnit;
-
 /**
  * Controller class that manages the display of a race
  */
@@ -54,7 +66,7 @@ public class RaceViewController extends Thread implements ImportantAnnotationDel
     @FXML
     private Pane basePane;
     @FXML
-    private Button chatSend;
+    private JFXButton chatSend;
     @FXML
     private Pane chatHistoryHolder;
     @FXML

src/main/java/seng302/visualiser/controllers/ViewManager.java

@@ -2,18 +2,17 @@ package seng302.visualiser.controllers;
 
 import com.jfoenix.controls.JFXDecorator;
 import com.jfoenix.controls.JFXDialog;
+import java.io.IOException;
+import java.util.HashMap;
 import javafx.application.Platform;
 import javafx.collections.ObservableList;
 import javafx.fxml.FXMLLoader;
-import javafx.geometry.Rectangle2D;
 import javafx.scene.Node;
 import javafx.scene.Parent;
 import javafx.scene.Scene;
-import javafx.scene.control.Label;
 import javafx.scene.image.Image;
 import javafx.scene.layout.StackPane;
 import javafx.scene.paint.Color;
-import javafx.stage.Screen;
 import javafx.stage.Stage;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
@@ -23,9 +22,6 @@ import seng302.utilities.Sounds;
 import seng302.visualiser.GameClient;
 import seng302.visualiser.controllers.dialogs.BoatCustomizeController;
 
-import java.io.IOException;
-import java.util.HashMap;
-
 public class ViewManager {
 
     private static ViewManager instance;
@@ -71,7 +67,7 @@ public class ViewManager {
         decorator.setCustomMaximize(true);
         decorator.applyCss();
         decorator.getStylesheets()
-            .add(getClass().getResource("/css/master.css").toExternalForm());
+            .add(getClass().getResource("/css/Master.css").toExternalForm());
 
         this.decorator = decorator;
         gameClient = new GameClient(decorator);
@@ -192,7 +188,7 @@ public class ViewManager {
                 decorator.setCustomMaximize(true);
                 decorator.applyCss();
                 decorator.getStylesheets()
-                    .add(getClass().getResource("/css/master.css").toExternalForm());
+                    .add(getClass().getResource("/css/Master.css").toExternalForm());
 
                 Scene scene = new Scene(decorator);
                 // set key press event to catch key stoke

src/main/java/seng302/visualiser/fxObjects/ChatHistory.java

@@ -4,8 +4,6 @@ import java.util.Arrays;
 import javafx.collections.ListChangeListener;
 import javafx.scene.Node;
 import javafx.scene.control.ScrollPane;
-import javafx.scene.layout.Background;
-import javafx.scene.paint.Color;
 import javafx.scene.paint.Paint;
 import javafx.scene.text.Text;
 import javafx.scene.text.TextFlow;
@@ -29,7 +27,7 @@ public class ChatHistory extends ScrollPane {
         this.lookup(".scroll-pane").setStyle("-fx-background: rgba(255, 255, 255, 0.1); -fx-background-color: rgba(255, 255, 255, 0.1);");
 
         this.textFlow.setStyle(
-            "-fx-background: rgba(255, 255, 255, 0.1); -fx-background-color: rgba(255, 255, 255, 0.1);"
+            "-fx-background: rgba(255, 255, 255, 0.1); -fx-background-color: rgba(255, 255, 255, 0.1); -fx-padding: 10px"
         );
         //This makes the window auto scroll.
         textFlow.getChildren().addListener((ListChangeListener<Node>) c ->

src/main/resources/css/LobbyView.css

@@ -25,6 +25,7 @@
     -fx-background-color: -fx-pp-light-text-color; /* inverted */
     -fx-text-fill: -fx-pp-theme-color; /* inverted */
     -fx-font-size: 18px;
+    -fx-pref-height: 65px;
 }
 
 #customizeButton:hover, #leaveLobbyButton:hover, #beginRaceButton:hover {

src/main/resources/css/Master.css

@@ -15,9 +15,9 @@
     -fx-pp-dropshadow-dark: dropshadow(gaussian, rgba(0, 0, 0, 0.3), 10.0, 0.2, 5, 6);
 }
 
-GridPane .jfx-button {
-    -fx-min-height: 65px; /* because we changed the font, we now need to set mini height for all buttons */
-}
+/*GridPane .jfx-button {*/
+/*-fx-min-height: 65px; !* because we changed the font, we now need to set mini height for all buttons *!*/
+/*}*/
 
 .jfx-button {
     -fx-cursor: hand;

src/main/resources/css/RaceView.css

@@ -0,0 +1,37 @@
+#timerGrid{
+    -fx-background-color: rgba(255, 255, 255, 0.6);
+}
+
+#timerLabel{
+    -fx-font-size: 21px;
+    -fx-font-family: "Baloo";
+}
+
+#raceInfoArea{
+    -fx-background-color: rgba(255, 255, 255, 0.6);
+}
+
+#chatGridPane {
+    -fx-background-color: rgba(255, 255, 255, 0.6);
+}
+
+#chatHistoryHolder {
+
+}
+
+#chatSend {
+    -fx-background-color: -fx-pp-front-color;
+    -fx-text-fill: -fx-pp-theme-color;
+    -fx-font-size: 13px;
+    -fx-pref-height: 35px;
+}
+
+#chatSend:hover {
+    -fx-font-size: 15px;
+}
+
+#chatInput {
+    -jfx-focus-color: -fx-pp-light-theme-color;
+    -jfx-unfocus-color: -fx-pp-dark-text-color;
+    -fx-background-color: transparent;
+}

src/main/resources/css/ServerListView.css

@@ -29,6 +29,7 @@
 #hostButton {
     -fx-background-color: -fx-pp-theme-color;
     -fx-font-size: 20px;
+    -fx-pref-height: 65px;
     -fx-text-fill: -fx-pp-light-text-color;
 }
 
@@ -41,6 +42,7 @@
     -fx-background-color: -fx-pp-light-text-color; /* inverted */
     -fx-text-fill: -fx-pp-theme-color; /* inverted */
     -fx-font-size: 20px;
+    -fx-pref-height: 65px;
 }
 
 #connectButton:hover {

src/main/resources/css/raceView.css

@@ -1,16 +0,0 @@
-#timerGrid{
-    -fx-background-color: rgba(255, 255, 255, 0.6);
-}
-
-#timerLabel{
-    -fx-font-size: 21px;
-    -fx-font-family: "Baloo";
-}
-
-#chatArea{
-    -fx-background-color: rgba(255, 255, 255, 0.6);
-}
-
-#raceInfoArea{
-    -fx-background-color: rgba(255, 255, 255, 0.6);
-}

src/main/resources/views/LobbyView.fxml

@@ -1,13 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.scene.image.*?>
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-<?import javafx.scene.text.*?>
-
+<?import com.jfoenix.controls.JFXButton?>
+<?import java.lang.String?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
 <StackPane fx:id="serverListMainStackPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.LobbyController">
     <children>
         <GridPane fx:id="serverListMainGridPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308">
@@ -92,7 +96,7 @@
                 <RowConstraints maxHeight="80.0" minHeight="80.0" prefHeight="80.0" vgrow="SOMETIMES" />
             </rowConstraints>
             <stylesheets>
-                <String fx:value="/css/master.css" />
+                <String fx:value="/css/Master.css"/>
                 <String fx:value="/css/LobbyView.css" />
             </stylesheets>
         </GridPane>

src/main/resources/views/RaceView.fxml

@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import com.jfoenix.controls.JFXButton?>
+<?import com.jfoenix.controls.JFXTextField?>
 <?import java.lang.String?>
 <?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
-<?import javafx.scene.control.TextField?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.AnchorPane?>
@@ -14,28 +14,38 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.text.Font?>
-
-<AnchorPane fx:id="rvAnchorPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0" prefWidth="1200.0" style="-fx-background-color: skyblue;" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.RaceViewController">
+<AnchorPane fx:id="rvAnchorPane" maxHeight="1.7976931348623157E308"
+  maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="800.0"
+  prefWidth="1200.0" style="-fx-background-color: skyblue;" xmlns="http://javafx.com/javafx/8"
+  xmlns:fx="http://javafx.com/fxml/1"
+  fx:controller="seng302.visualiser.controllers.RaceViewController">
    <children>
        <StackPane fx:id="contentAnchorPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="800.0" prefWidth="1200.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
 
       </StackPane>
-      <GridPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+       <GridPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308"
+         prefHeight="800.0" prefWidth="1200.0" AnchorPane.bottomAnchor="0.0"
+         AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <columnConstraints>
-          <ColumnConstraints hgrow="SOMETIMES" maxWidth="415.0" minWidth="10.0" prefWidth="359.0" />
-          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="454.0" />
-            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="349.0" />
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="250.0" minWidth="250.0"
+              prefWidth="250.0"/>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308"/>
+            <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="400.0"
+              prefWidth="400.0"/>
         </columnConstraints>
         <rowConstraints>
-          <RowConstraints maxHeight="63.0" minHeight="0.0" prefHeight="63.0" vgrow="SOMETIMES" />
-          <RowConstraints maxHeight="704.0" minHeight="10.0" prefHeight="603.0" vgrow="SOMETIMES" />
-          <RowConstraints maxHeight="172.0" minHeight="10.0" prefHeight="134.0" vgrow="SOMETIMES" />
+            <RowConstraints maxHeight="70.0" minHeight="70.0" prefHeight="70.0" vgrow="SOMETIMES"/>
+            <RowConstraints maxHeight="1.7976931348623157E308" vgrow="SOMETIMES"/>
+            <RowConstraints maxHeight="200.0" minHeight="200.0" prefHeight="200.0"
+              vgrow="SOMETIMES"/>
         </rowConstraints>
          <children>
             <GridPane id="timerGrid" fx:id="timerGrid" prefWidth="192.0">
               <columnConstraints>
-                <ColumnConstraints hgrow="SOMETIMES" maxWidth="161.0" minWidth="10.0" prefWidth="58.0" />
-                  <ColumnConstraints hgrow="SOMETIMES" maxWidth="288.0" minWidth="10.0" prefWidth="104.0" />
+                  <ColumnConstraints hgrow="SOMETIMES" maxWidth="50.0" minWidth="50.0"
+                    prefWidth="50.0"/>
+                  <ColumnConstraints hgrow="SOMETIMES" maxWidth="130.0" minWidth="130.0"
+                    prefWidth="130.0"/>
               </columnConstraints>
               <rowConstraints>
                 <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
@@ -74,36 +84,50 @@
                 <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
               </rowConstraints>
             </GridPane>
-            <GridPane id="chatArea" GridPane.columnIndex="2" GridPane.rowIndex="2">
+             <GridPane fx:id="chatGridPane" GridPane.columnIndex="2" GridPane.rowIndex="2">
               <columnConstraints>
-                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                  <ColumnConstraints hgrow="SOMETIMES" maxWidth="1.7976931348623157E308"
+                    minWidth="300.0" prefWidth="300.0"/>
+                  <ColumnConstraints hgrow="SOMETIMES" maxWidth="-Infinity" minWidth="100.0"
+                    prefWidth="100.0"/>
               </columnConstraints>
               <rowConstraints>
-                  <RowConstraints maxHeight="100.0" minHeight="10.0" prefHeight="100.0" vgrow="SOMETIMES" />
-                <RowConstraints maxHeight="62.0" minHeight="10.0" prefHeight="34.0" vgrow="SOMETIMES" />
+                  <RowConstraints maxHeight="1.7976931348623157E308" vgrow="SOMETIMES"/>
+                  <RowConstraints maxHeight="50.0" minHeight="50.0" prefHeight="50.0"
+                    vgrow="SOMETIMES"/>
               </rowConstraints>
                <children>
-                  <Pane fx:id="chatHistoryHolder" prefHeight="200.0" prefWidth="200.0" GridPane.hgrow="ALWAYS" GridPane.vgrow="ALWAYS" />
-                  <GridPane GridPane.rowIndex="1">
-                    <columnConstraints>
-                      <ColumnConstraints hgrow="SOMETIMES" maxWidth="288.0" minWidth="10.0" prefWidth="279.0" />
-                      <ColumnConstraints hgrow="SOMETIMES" maxWidth="175.0" minWidth="10.0" prefWidth="82.0" />
-                    </columnConstraints>
-                    <rowConstraints>
-                      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
-                    </rowConstraints>
-                     <children>
-                        <TextField fx:id="chatInput" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.valignment="CENTER" GridPane.vgrow="ALWAYS" />
-                        <Button fx:id="chatSend" mnemonicParsing="false" prefHeight="25.0" prefWidth="72.0" text="Send" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.valignment="CENTER" />
-                     </children>
-                  </GridPane>
+                   <Pane fx:id="chatHistoryHolder" prefHeight="200.0" prefWidth="200.0"
+                     GridPane.columnSpan="2" GridPane.hgrow="ALWAYS" GridPane.vgrow="ALWAYS">
+                       <GridPane.margin>
+                           <Insets/>
+                       </GridPane.margin>
+                       <padding>
+                           <Insets bottom="10.0" left="10.0" right="10.0" top="10.0"/>
+                       </padding>
+                   </Pane>
+                   <JFXButton fx:id="chatSend" alignment="CENTER" buttonType="RAISED"
+                     maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity"
+                     minWidth="-Infinity" prefHeight="40.0" text="SEND" GridPane.columnIndex="1"
+                     GridPane.halignment="CENTER" GridPane.rowIndex="1"
+                     GridPane.valignment="CENTER">
+                       <GridPane.margin>
+                           <Insets left="10.0" right="10.0"/>
+                       </GridPane.margin>
+                   </JFXButton>
+                   <JFXTextField fx:id="chatInput" maxHeight="35.0" minHeight="-Infinity"
+                     prefHeight="35.0" GridPane.rowIndex="1">
+                       <GridPane.margin>
+                           <Insets left="10.0"/>
+                       </GridPane.margin>
+                   </JFXTextField>
                </children>
             </GridPane>
          </children>
       </GridPane>
    </children>
     <stylesheets>
-        <String fx:value="/css/master.css" />
-        <String fx:value="/css/raceView.css" />
+        <String fx:value="/css/Master.css"/>
+        <String fx:value="/css/RaceView.css"/>
     </stylesheets>
 </AnchorPane>

src/main/resources/views/ServerListView.fxml

@@ -1,11 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-<?import javafx.scene.text.*?>
 <?import com.jfoenix.controls.JFXButton?>
 <?import com.jfoenix.controls.JFXTextField?>
 <?import java.lang.String?>
@@ -18,7 +12,6 @@
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
-
 <StackPane fx:id="serverListMainStackPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.ServerListController">
     <children>
         <GridPane fx:id="serverListMainGridPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308">
@@ -104,7 +97,7 @@
                 <RowConstraints maxHeight="80.0" minHeight="80.0" prefHeight="80.0" vgrow="SOMETIMES" />
             </rowConstraints>
             <stylesheets>
-                <String fx:value="/css/master.css" />
+                <String fx:value="/css/Master.css"/>
                 <String fx:value="/css/ServerListView.css" />
             </stylesheets>
         </GridPane>

src/main/resources/views/StartScreenView.fxml

@@ -1,15 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-<?import javafx.scene.text.*?>
-
+<?import com.jfoenix.controls.JFXButton?>
+<?import java.lang.String?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
 <StackPane maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="800.0" minWidth="1200.0" prefHeight="800.0" prefWidth="1200.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.StartScreenController">
    <stylesheets>
-       <String fx:value="/css/master.css" />
+       <String fx:value="/css/Master.css"/>
        <String fx:value="/css/StartScreenView.css" />
    </stylesheets>
    <children>

src/main/resources/views/cells/PlayerCell.fxml

@@ -12,7 +12,7 @@
   minHeight="-Infinity" minWidth="-Infinity" prefHeight="80.0"
   xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1">
    <stylesheets>
-       <String fx:value="/css/master.css" />
+       <String fx:value="/css/Master.css"/>
        <String fx:value="/css/cells/PlayerCell.css"/>
    </stylesheets>
    <children>

src/main/resources/views/cells/ServerCell.fxml

@@ -1,11 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-<?import javafx.scene.text.*?>
 <?import com.jfoenix.controls.JFXButton?>
 <?import java.lang.String?>
 <?import javafx.geometry.Insets?>
@@ -15,10 +9,9 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
-
 <VBox fx:id="serverCellVBox" maxHeight="-Infinity" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" onMouseEntered="#playButtonHoverSound" prefHeight="95.0" prefWidth="900.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
    <stylesheets>
-       <String fx:value="/css/master.css" />
+       <String fx:value="/css/Master.css"/>
        <String fx:value="/css/cells/ServerCell.css" />
    </stylesheets>
    <children>

src/main/resources/views/dialogs/BoatCustomizeDialog.fxml

@@ -1,14 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.*?>
-<?import java.net.*?>
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import java.util.*?>
-<?import javafx.scene.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-
+<?import com.jfoenix.controls.JFXButton?>
+<?import com.jfoenix.controls.JFXColorPicker?>
+<?import com.jfoenix.controls.JFXDialogLayout?>
+<?import com.jfoenix.controls.JFXTextField?>
+<?import java.lang.String?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
 <JFXDialogLayout maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity"
   minWidth="-Infinity" prefWidth="400.0" xmlns="http://javafx.com/javafx/8"
   xmlns:fx="http://javafx.com/fxml/1"
@@ -63,6 +64,6 @@
     </children>
    <stylesheets>
        <String fx:value="/css/dialogs/BoatCustomize.css"/>
-      <String fx:value="/css/master.css" />
+       <String fx:value="/css/Master.css"/>
    </stylesheets>
 </JFXDialogLayout>

src/main/resources/views/dialogs/ServerCreationDialog.fxml

@@ -1,11 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-
+<?import com.jfoenix.controls.JFXButton?>
+<?import com.jfoenix.controls.JFXDialogLayout?>
+<?import com.jfoenix.controls.JFXSlider?>
+<?import com.jfoenix.controls.JFXTextField?>
+<?import java.lang.String?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.VBox?>
 <JFXDialogLayout maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefWidth="550.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.visualiser.controllers.dialogs.ServerCreationController">
     <children>
         <GridPane>
@@ -59,6 +64,6 @@
     </children>
    <stylesheets>
        <String fx:value="/css/dialogs/ServerCreation.css" />
-      <String fx:value="/css/master.css" />
+       <String fx:value="/css/Master.css"/>
    </stylesheets>
 </JFXDialogLayout>