info table shows on top of hud

#story[1306]

racevisionGame/src/main/java/visualiser/Controllers/RaceViewController.java

@@ -297,7 +297,7 @@ public class RaceViewController extends Controller {
         initialiseSpeedometer();
         initialiseRaceCanvas();
         raceTimer();    // start the timer
-        nextMarkPane.toFront();
+        //nextMarkPane.toFront();
         speedometerLoop();
         new Sparkline(this.raceState, this.sparklineChart);
         timeZone.setText(this.raceState.getRaceClock().getTimeZone());

racevisionGame/src/main/resources/visualiser/scenes/newRaceView.fxml

@@ -1,5 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import java.lang.*?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.chart.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.image.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.text.*?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.chart.LineChart?>
 <?import javafx.scene.chart.NumberAxis?>
@@ -24,7 +31,7 @@
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.text.Font?>
 
-<SplitPane fx:id="racePane" prefHeight="431.0" prefWidth="610.0" visible="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" xmlns="http://javafx.com/javafx/8.0.112" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.RaceViewController">
+<SplitPane fx:id="racePane" prefHeight="431.0" prefWidth="610.0" visible="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.RaceViewController">
     <items>
         <StackPane fx:id="newPane" prefHeight="150.0" prefWidth="200.0">
             <children>
@@ -170,6 +177,37 @@
                   </AnchorPane>
                     </children>
                 </AnchorPane>
+            <ImageView fitHeight="150.0" fitWidth="200.0" focusTraversable="true" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="BOTTOM_CENTER">
+               <image>
+                  <Image url="@../../images/raceViewUI_LowerMiddle.png" />
+               </image>
+            </ImageView>
+            <ImageView fitHeight="115.0" fitWidth="255.0" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="TOP_CENTER">
+               <image>
+                  <Image url="@../../images/raceViewUI_UpperMiddle.png" />
+               </image>
+            </ImageView>
+            <StackPane fx:id="arrowPane" maxHeight="60.0" maxWidth="60.0" minHeight="60.0" minWidth="60.0" prefHeight="60.0" prefWidth="60.0" StackPane.alignment="BOTTOM_CENTER">
+               <StackPane.margin>
+                  <Insets bottom="25.0" left="2.0" />
+               </StackPane.margin>
+            </StackPane>
+            <StackPane fx:id="nextMarkPane" alignment="TOP_CENTER" mouseTransparent="true" prefHeight="150.0" prefWidth="150.0" snapToPixel="false">
+                <children>
+                    <fx:include fx:id="nextMark" source="nextMark.fxml" />
+                </children>
+               <StackPane.margin>
+                  <Insets top="4.0" />
+               </StackPane.margin>
+            </StackPane>
+                  <Label fx:id="timer" alignment="CENTER" maxHeight="20.0" mouseTransparent="true" text="0:0" StackPane.alignment="TOP_CENTER">
+                      <font>
+                          <Font size="9.0" />
+                      </font>
+               <padding>
+                  <Insets top="101.0" />
+               </padding>
+                  </Label>
               <AnchorPane fx:id="infoWrapper" focusTraversable="true" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="200.0" visible="false">
                   <children>
                   <GridPane layoutX="-2.0" AnchorPane.bottomAnchor="40.0" AnchorPane.leftAnchor="40.0" AnchorPane.rightAnchor="40.0" AnchorPane.topAnchor="40.0">
@@ -207,37 +245,6 @@
                   </GridPane>
                   </children>
               </AnchorPane>
-            <ImageView fitHeight="150.0" fitWidth="200.0" focusTraversable="true" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="BOTTOM_CENTER">
-               <image>
-                  <Image url="@../../images/raceViewUI_LowerMiddle.png" />
-               </image>
-            </ImageView>
-            <ImageView fitHeight="115.0" fitWidth="255.0" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="TOP_CENTER">
-               <image>
-                  <Image url="@../../images/raceViewUI_UpperMiddle.png" />
-               </image>
-            </ImageView>
-            <StackPane fx:id="arrowPane" maxHeight="60.0" maxWidth="60.0" minHeight="60.0" minWidth="60.0" prefHeight="60.0" prefWidth="60.0" StackPane.alignment="BOTTOM_CENTER">
-               <StackPane.margin>
-                  <Insets bottom="25.0" left="2.0" />
-               </StackPane.margin>
-            </StackPane>
-            <StackPane fx:id="nextMarkPane" alignment="TOP_CENTER" mouseTransparent="true" prefHeight="150.0" prefWidth="150.0" snapToPixel="false">
-                <children>
-                    <fx:include fx:id="nextMark" source="nextMark.fxml" />
-                </children>
-               <StackPane.margin>
-                  <Insets top="4.0" />
-               </StackPane.margin>
-            </StackPane>
-                  <Label fx:id="timer" alignment="CENTER" maxHeight="20.0" mouseTransparent="true" text="0:0" StackPane.alignment="TOP_CENTER">
-                      <font>
-                          <Font size="9.0" />
-                      </font>
-               <padding>
-                  <Insets top="101.0" />
-               </padding>
-                  </Label>
             </children>
         </StackPane>
     </items>