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

tags: #story[1245]

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);
-}