From a21deecbd2d143db5f22c5516cdee20b22146a12 Mon Sep 17 00:00:00 2001
From: Joshen Lim <77193243+joshenx@users.noreply.github.com>
Date: Thu, 28 Oct 2021 21:24:14 +0800
Subject: [PATCH] Fix resizing of prescription UI

---
 .../resources/view/AppointmentListCard.fxml   | 27 +++++++++++++++----
 src/main/resources/view/LightTheme.css        |  6 +++++
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/view/AppointmentListCard.fxml b/src/main/resources/view/AppointmentListCard.fxml
index f44ce7ab38d..e2dd8b65ddf 100644
--- a/src/main/resources/view/AppointmentListCard.fxml
+++ b/src/main/resources/view/AppointmentListCard.fxml
@@ -2,6 +2,7 @@
 
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.control.Label?>
+<?import javafx.scene.control.Separator?>
 <?import javafx.scene.control.SplitPane?>
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.FlowPane?>
@@ -16,8 +17,8 @@
         <columnConstraints>
             <ColumnConstraints hgrow="SOMETIMES" minWidth="10" prefWidth="150" />
         </columnConstraints>
-      <SplitPane dividerPositions="0.7432432432432432" orientation="VERTICAL" prefHeight="150.0" prefWidth="150.0" stylesheets="@LightTheme.css">
-        <items>
+      <VBox fx:id="appointmentVbox" prefWidth="100.0">
+         <children>
               <SplitPane dividerPositions="0.25, 0.5" prefHeight="100.0" prefWidth="148.0" stylesheets="@LightTheme.css">
                   <items>
                       <Label fx:id="id" styleClass="cell_bigger_label" textAlignment="RIGHT">
@@ -85,21 +86,37 @@
                       </VBox>
                   </items>
               </SplitPane>
+            <Separator prefWidth="200.0">
+               <VBox.margin>
+                  <Insets left="10.0" right="10.0" />
+               </VBox.margin>
+            </Separator>
+            <Separator prefWidth="200.0">
+               <padding>
+                  <Insets top="2.0" />
+               </padding>
+               <VBox.margin>
+                  <Insets left="10.0" right="10.0" />
+               </VBox.margin>
+            </Separator>
             <VBox prefWidth="148.0">
                <padding>
                   <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
                </padding>
                <children>
                   <Label fx:id="prescription" alignment="TOP_LEFT" contentDisplay="CENTER" styleClass="cell_small_label_bold" text="Prescriptions:" textAlignment="CENTER" />
-                  <FlowPane fx:id="prescriptions">
+                  <FlowPane fx:id="prescriptions" VBox.vgrow="ALWAYS">
                      <padding>
                         <Insets bottom="5.0" />
                      </padding>
                   </FlowPane>
                </children>
+               <VBox.margin>
+                  <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+               </VBox.margin>
             </VBox>
-        </items>
-      </SplitPane>
+         </children>
+      </VBox>
         <rowConstraints>
             <RowConstraints />
         </rowConstraints>
diff --git a/src/main/resources/view/LightTheme.css b/src/main/resources/view/LightTheme.css
index e85f23a9b95..8529f6a3785 100644
--- a/src/main/resources/view/LightTheme.css
+++ b/src/main/resources/view/LightTheme.css
@@ -137,6 +137,12 @@
     -fx-background-color: transparent;
 }
 
+.separator *.line {
+    -fx-border-style: solid;
+    -fx-border-color: #e7eeed;
+    -fx-border-width: 0 0 1 0;
+}
+
 .split-pane {
     -fx-border-radius: 15px;
     -fx-border-width: 0;