costscreen.kv

<ReceiptCancelButton>:
    color_normal: grey if self.unavailable else orange
    color_down: grey_down if self.unavailable else orange_down
    text: "Cancel"
    pos_hint: {"center_y": .5}

<ReceiptBlock>:
    size_hint_y: None
    height: 65

    BoxLayout:  # activity name and cancel button
        padding: 15
        spacing: 28
        size_hint: .6, 1

        ReceiptCancelButton:
            unavailable: root.finished

        MainLabel:  # activity name
            text: root.name
            pos_hint: {"center_y": .5}

    AlignLabel:  # booked day no.
        size_hint: .2, 1
        text: str(root.day)
        halign: "right"
    AlignLabel:  # activity price
        size_hint: .2, 1
        text: "${:.2f}".format(root.price)
        halign: "right"

<ReceiptLayout>:
    orientation: "vertical"

    MainScrollView:
        BoxLayout:
            id: receipt_blocks
            orientation: "vertical"
            padding: 10
            size_hint_y: None
            height: self.minimum_height

    BoxLayout:  # display total price at bottom
        size_hint_y: None
        height: 65
        padding: 10

        canvas:
            Color:
                rgba: grey
            Line:
                points: 0, self.top, self.width, self.top

        AlignLabel:
            size_hint: .5, 1
            text: "Total"
            bold: True
            halign: "left"
        AlignLabel:
            size_hint: .5, 1
            text: "${:.2f}".format(root.total)
            bold: True
            halign: "right"

<CostScreen>:
    name: "cost"

    BoxLayout:
        orientation: "vertical"

        MainBanner:
            MainHeading:
                heading: "Receipt"
            HeadingButton:
                name: "menu"
                on_release: root.manager.current = "menu"
            HelpButton:
                screen: root.name

        BoxLayout:  # titles of the receipt table
            size_hint_y: None
            height: 65
            padding: 10

            canvas:
                Color:
                    rgba: grey
                Line:
                    points: 0, self.y, self.width, self.y

            AlignLabel:
                size_hint: .6, 1
                text: "Activity"
                halign: "left"
            AlignLabel:
                size_hint: .2, 1
                text: "Day"
                halign: "right"
            AlignLabel:
                size_hint: .2, 1
                text: "Price"
                halign: "right"

        ReceiptLayout:
            id: receipt_layout