Race view is default to be full screen now and minor bug fixes.

- race view is force to be full screen and run in a new stage
- fixed button animations in lobby view
- polished UI element is boat customization dialog

#story[1245]

src/main/resources/css/LobbyView.css

@@ -21,11 +21,18 @@
     -fx-background: transparent;
 }
 
-
 #customizeButton, #leaveLobbyButton, #beginRaceButton {
     -fx-background-color: -fx-pp-light-text-color; /* inverted */
     -fx-text-fill: -fx-pp-theme-color; /* inverted */
-    -fx-font-size: 16px;
+    -fx-font-size: 18px;
+}
+
+#customizeButton:hover, #leaveLobbyButton:hover, #beginRaceButton:hover {
+    -fx-font-size: 20px;
+}
+
+.invertedButton .jfx-rippler {
+    -jfx-rippler-fill: white;
 }
 
 #connectLabel, #serverPortNumber, #serverHostName {
@@ -52,12 +59,6 @@
     -fx-background-color: transparent;
 }
 
-.invertedButton {
-    -fx-background-color: -fx-pp-light-text-color; /* inverted */
-    -fx-text-fill: -fx-pp-theme-color; /* inverted */
-    -fx-font-size: 16px;
-}
-
 #serverMap {
     -fx-background-image: url("/images/bg.jpg");
     -fx-background-repeat: no-repeat;

src/main/resources/css/ServerListView.css

@@ -32,12 +32,21 @@
     -fx-text-fill: -fx-pp-light-text-color;
 }
 
+#hostButton:hover {
+    -fx-background-color: -fx-pp-light-theme-color;
+    -fx-font-size: 23px;
+}
+
 #connectButton {
     -fx-background-color: -fx-pp-light-text-color; /* inverted */
     -fx-text-fill: -fx-pp-theme-color; /* inverted */
     -fx-font-size: 20px;
 }
 
+#connectButton:hover {
+    -fx-font-size: 23px;
+}
+
 #connectLabel, #serverPortNumber, #serverHostName {
     -fx-text-fill: -fx-pp-light-text-color;
     -fx-font-size: 18px;

src/main/resources/css/dialogs/BoatCustomize.css

@@ -0,0 +1,29 @@
+* {
+    -fx-text-fill: -fx-pp-dark-text-color;
+}
+
+#submitBtn {
+    -fx-background-color: -fx-pp-theme-color;
+    -fx-text-fill: -fx-pp-light-text-color;
+    -fx-font-size: 20px !important;
+    -fx-effect: -fx-pp-dropshadow-dark;
+    -fx-min-width: 130px;
+}
+
+#submitBtn:hover {
+    -fx-font-size: 23px !important;
+    -fx-background-color: -fx-pp-light-theme-color;
+}
+
+#hostDialogHeader {
+    -fx-font-size: 23px !important;
+}
+
+#boatColorLabel, #colorPicker {
+    -fx-font-size: 18px;
+}
+
+#boatName {
+    -fx-font-size: 18px;
+    -fx-prompt-text-fill: -fx-pp-dark-text-color;
+}