Merge branch '11-ui-design' into 'master'

Resolve "UI design"

Closes #11

See merge request !14

src/sample/sample.fxml

@@ -4,17 +4,29 @@
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.TextArea?>
 <?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.text.Font?>
 <?import javafx.scene.text.Text?>
 
 <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="498.0" prefWidth="700.0" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
    <children>
-      <Button id="submitButton" layoutX="100.0" layoutY="423.0" mnemonicParsing="false" onAction="#handleSubmit" prefHeight="35.0" prefWidth="129.0" text="Submit thought" />
-      <TextArea id="textBox" fx:id="textArea" layoutX="59.0" layoutY="299.0" prefHeight="106.0" prefWidth="307.0" promptText="Write your thought here..." />
-      <Text id="thoughtField" layoutX="65.0" layoutY="31.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Your thoughts" />
-      <ScrollPane id="scrollyboi" layoutX="1.0" layoutY="40.0" prefHeight="258.0" prefWidth="700.0">
-         <content>
-            <Text id="thoughtId" strokeType="OUTSIDE" strokeWidth="20.0"  wrappingWidth="700" text="Text" />
-         </content>
+      <Button id="submitButton" layoutX="83.0" layoutY="432.0" mnemonicParsing="false" onAction="#handleSubmit" prefHeight="35.0" prefWidth="129.0" text="Submit thought" />
+      <TextArea id="textBox" fx:id="textArea" layoutX="58.0" layoutY="316.0" prefHeight="106.0" prefWidth="307.0" promptText="Write your thought here..." />
+      <Text id="thoughtField" fill="#b08686" layoutX="40.0" layoutY="32.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Your Thoughts">
+         <font>
+            <Font size="17.0" />
+         </font></Text>
+      <ScrollPane id="scrollyboi" layoutY="43.0" prefHeight="241.0" prefWidth="700.0">
+        <content>
+          <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="256.0" prefWidth="701.0">
+               <children>
+                  <Text id="thoughtId" fill="#755252" layoutX="37.0" layoutY="36.0" strokeType="OUTSIDE" strokeWidth="20.0" text="Text" wrappingWidth="48.55792045593262">
+                     <font>
+                        <Font size="14.0" />
+                     </font>
+                  </Text>
+               </children>
+            </AnchorPane>
+        </content>
       </ScrollPane>
    </children>
 </AnchorPane>