Fix resizing of prescription UI (#173)

AY2122S1-CS2103-W14-1 · Oct 28, 2021 · bfd5131 · bfd5131
1 parent 43c093e
commit bfd5131
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git 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
@@ -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;