Tweak GUI to be more suitable for usage

Author: nzixuan

data/tasks.txt

@@ -1,3 +1,3 @@
-R|0|HI |14/10/1000|1
-R|0|Hi |14/10/1999|2
-D|0|HIi |10/10/1000
+R|0|Complete Homework |18/09/2021|2
+T|1|Submit Lab 
+D|1|Study for Quiz |20/09/2021

docs/Ui.png

@@ -24,7 +24,7 @@ public class MainWindow extends AnchorPane {
     private Duke duke;
 
     private Image userImage = new Image(this.getClass().getResourceAsStream("/images/user.jpeg"));
-    private Image dukeImage = new Image(this.getClass().getResourceAsStream("/images/derp.png"));
+    private Image dukeImage = new Image(this.getClass().getResourceAsStream("/images/derpy.png"));
 
     @FXML
     public void initialize() {

src/main/java/duke/MainWindow.java

@@ -3,21 +3,28 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextField?>
+<?import javafx.scene.control.ToolBar?>
 <?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
+<?import javafx.scene.text.Text?>
 
-<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/11" xmlns:fx="http://javafx.com/fxml/1" fx:controller="duke.MainWindow">
+<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="689.0" prefWidth="488.0" xmlns="http://javafx.com/javafx/11" xmlns:fx="http://javafx.com/fxml/1" fx:controller="duke.MainWindow">
     <children>
-        <TextField fx:id="userInput" layoutY="558.0" onAction="#handleUserInput" prefHeight="41.0" prefWidth="324.0" AnchorPane.bottomAnchor="1.0" />
-        <Button fx:id="sendButton" layoutX="324.0" layoutY="558.0" mnemonicParsing="false" onAction="#handleUserInput" prefHeight="41.0" prefWidth="76.0" text="Send">
+        <Button fx:id="sendButton" layoutX="402.0" layoutY="647.0" mnemonicParsing="false" onAction="#handleUserInput" prefHeight="41.0" prefWidth="86.0" text="Send">
          <font>
             <Font name="Arial" size="11.0" />
          </font></Button>
-        <ScrollPane fx:id="scrollPane" hbarPolicy="NEVER" hvalue="1.0" prefHeight="557.0" prefWidth="400.0" vvalue="1.0">
+        <ScrollPane fx:id="scrollPane" hbarPolicy="NEVER" hvalue="1.0" layoutY="27.0" prefHeight="618.0" prefWidth="488.0" vvalue="1.0">
             <content>
-                <VBox fx:id="dialogContainer" prefHeight="552.0" prefWidth="388.0" />
+                <VBox fx:id="dialogContainer" prefHeight="620.0" prefWidth="482.0" />
             </content>
         </ScrollPane>
+      <ToolBar prefHeight="27.0" prefWidth="488.0">
+         <items>
+            <Text strokeType="OUTSIDE" strokeWidth="0.0" text="Duke Batman" wrappingWidth="166.42333984375" />
+         </items>
+      </ToolBar>
+        <TextField fx:id="userInput" layoutY="558.0" onAction="#handleUserInput" prefHeight="41.0" prefWidth="402.0" AnchorPane.bottomAnchor="1.0" />
     </children>
 </AnchorPane>