Moves button to the top

Author: osulacam

ui/src/main/resources/edu/wpi/grip/ui/GRIP.css

@@ -114,9 +114,7 @@ Button.delete, Button.move-left, Button.move-right, .start-stoppable-button, .ex
 }
 
 .expand {
-	-fx-background-color: transparent;
-    -fx-background-radius: 00;
-    -fx-text-fill: black;
+    -fx-background-color: transparent;
 }
 
 VBox.sockets {

ui/src/main/resources/edu/wpi/grip/ui/pipeline/Step.fxml

@@ -79,7 +79,6 @@
         </graphic>
     </Label>
     <Separator orientation="HORIZONTAL" />
-    <VBox fx:id="inputs" styleClass="sockets" />
     <Button fx:id="Expand" onMouseClicked="#expand" styleClass="expand"
             maxWidth="Infinity" prefHeight="0" HBox.hgrow="ALWAYS">
         <graphic>
@@ -93,6 +92,7 @@
             <Tooltip text="Expands and contracts the shown sockets"/>
         </tooltip>
     </Button>
+    <VBox fx:id="inputs" styleClass="sockets" />
     <Separator orientation="HORIZONTAL" />
     <VBox fx:id="outputs" styleClass="sockets" />
 </VBox>