perfin/src/main/resources/transaction-view.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.Text?>
<?import javafx.scene.text.TextFlow?>
<?import com.andrewlalis.perfin.view.component.PropertiesPane?>
<BorderPane xmlns="http://javafx.com/javafx"
            xmlns:fx="http://javafx.com/fxml"
            fx:controller="com.andrewlalis.perfin.control.TransactionViewController"
>
    <top>
        <HBox styleClass="std-padding,std-spacing">
            <Label fx:id="titleLabel" styleClass="large-text,bold-text"/>
        </HBox>
    </top>
    <center>
        <ScrollPane fitToHeight="true" fitToWidth="true">
            <VBox styleClass="std-padding,std-spacing">
                <PropertiesPane vgap="5" hgap="5">
                    <columnConstraints>
                        <ColumnConstraints minWidth="100" halignment="LEFT" hgrow="NEVER"/>
                        <ColumnConstraints hgrow="ALWAYS" halignment="LEFT"/>
                    </columnConstraints>
                    <Label text="Amount" styleClass="bold-text" style="-fx-min-width: 100px;"/>
                    <Label fx:id="amountLabel" styleClass="mono-font"/>

                    <Label text="Timestamp" styleClass="bold-text"/>
                    <Label fx:id="timestampLabel" styleClass="mono-font"/>

                    <Label text="Description" styleClass="bold-text"/>
                    <Label fx:id="descriptionLabel" wrapText="true" style="-fx-min-height: 100px;" alignment="TOP_LEFT"/>
                </PropertiesPane>
                <VBox>
                    <TextFlow>
                        <Text text="Debited to"/>
                        <Hyperlink fx:id="debitAccountLink"/>
                    </TextFlow>
                    <TextFlow>
                        <Text text="Credited from"/>
                        <Hyperlink fx:id="creditAccountLink"/>
                    </TextFlow>
                </VBox>
                <VBox fx:id="attachmentsContainer">
                    <Label text="Attachments" styleClass="bold-text"/>
                    <ScrollPane fitToWidth="true" fitToHeight="true">
                        <HBox fx:id="attachmentsHBox" styleClass="std-padding,std-spacing"/>
                    </ScrollPane>
                </VBox>
                <FlowPane styleClass="std-padding, std-spacing">
                    <Button text="Delete this transaction" onAction="#deleteTransaction"/>
                </FlowPane>
            </VBox>
        </ScrollPane>
    </center>
</BorderPane>