#:kivy 1.0
#:set default_font_size "60dp"
#:import rgb kivy.utils.get_color_from_hex

<HeaderLabel@Label>:
    font_size: dp(15)
    color: 0,0,0,1


<JoinMatchScreen>:
    canvas.before:
        Color:
            rgb: (1, 1, 1)
        Rectangle:
            size: self.size
            pos: self.pos

    # orientation: 'vertical'


[ListItem@MyListItemButton]:
    size_hint: (1, None)
    height: dp(80)
    text: str(ctx.id)
    BoxLayout:
        padding: dp(5)
        orientation: 'vertical'
        HeaderLabel:
            text: str(ctx.created_by)
            halign: 'left'
            text_size: (self.width, None)
            anchor_x: 'left'
            anchor_y: 'top'
            markup: True
            font_size: dp(16)

    # separator
    BoxLayout:
        canvas.before:
            Color:
                rgb: rgb('#E8EDEC')
            Rectangle:
                size: (root.width, 1)
                pos: (0, self.pos[1])