change dialog box shange and background color

Author: YingxuH

src/main/java/DialogBox.java

@@ -33,7 +33,7 @@ private DialogBox(String text, Image img) {
         } catch (IOException e) {
             e.printStackTrace();
         }
-        Circle clip = new Circle(50, 50, 49);
+        Circle clip = new Circle(30, 30, 30);
 
         dialog.setText(text);
         displayPicture.setImage(img);

src/main/resources/images/Duke_waving.svg.png

@@ -1,19 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
+<?import javafx.scene.Group?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.HBox?>
 
-<fx:root alignment="TOP_RIGHT" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefWidth="400.0" spacing="10.0" style="-fx-border-radius: 5; -fx-background-color: #C2E0FB;" type="javafx.scene.layout.HBox" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1">
+<fx:root alignment="TOP_RIGHT" maxWidth="-Infinity" opacity="0.81" prefWidth="430.0" style="-fx-border-radius: 30 30 0 0; -fx-background-color: #5598AA; -fx-background-radius: 30 30 30 30; -fx-background-position: center;" type="javafx.scene.layout.HBox" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1">
     <children>
-        <Label fx:id="dialog" text="Label" wrapText="true">
+      <Group>
+         <children>
+              <Label fx:id="dialog" text="Label" textFill="#f2f0f0" wrapText="true" />
+         </children>
          <HBox.margin>
-            <Insets right="10.0" top="40.0" />
-         </HBox.margin></Label>
-        <ImageView fx:id="displayPicture" fitHeight="99.0" fitWidth="99.0" pickOnBounds="true" preserveRatio="true" />
+            <Insets bottom="15.0" right="10.0" top="15.0" />
+         </HBox.margin>
+      </Group>
+        <ImageView fx:id="displayPicture" fitHeight="60.0" fitWidth="60.0" pickOnBounds="true" preserveRatio="true">
+         <HBox.margin>
+            <Insets />
+         </HBox.margin>
+      </ImageView>
     </children>
     <padding>
-        <Insets bottom="15.0" left="5.0" right="5.0" top="15.0" />
+        <Insets bottom="10.0" left="5.0" right="5.0" top="10.0" />
     </padding>
 </fx:root>

src/main/resources/view/DialogBox.fxml

@@ -1,19 +1,26 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.geometry.Insets?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextField?>
 <?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.VBox?>
 
-<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="MainWindow">
+<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="450.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="MainWindow">
     <children>
         <TextField fx:id="userInput" layoutY="558.0" onAction="#handleUserInput" prefHeight="41.0" prefWidth="316.0" promptText="Type your input here..." AnchorPane.leftAnchor="4.0" AnchorPane.rightAnchor="80.0" />
         <Button fx:id="sendButton" layoutX="324.0" layoutY="558.0" mnemonicParsing="false" onAction="#handleUserInput" prefHeight="41.0" prefWidth="72.0" text="Send" AnchorPane.rightAnchor="4.0" />
-        <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" prefHeight="557.0" prefWidth="450.0" vvalue="1.0">
             <content>
-                <VBox fx:id="dialogContainer" prefHeight="552.0" prefWidth="388.0" spacing="20.0" />
+                <VBox fx:id="dialogContainer" prefHeight="552.0" prefWidth="440.0" spacing="25.0">
+               <padding>
+                  <Insets left="10.0" right="10.0" />
+               </padding></VBox>
             </content>
+         <padding>
+            <Insets left="5.0" right="5.0" />
+         </padding>
         </ScrollPane>
     </children>
 </AnchorPane>