
window > content(style="staff_list") {
    layout = "center",
}

window > content(style="staff_list") > buttons {
    align_height = false,
    y = parent_height - 70,
    width = parent_width - 50,
    height = 72,
    layout = "grid",
    columns = 2,
    rows = 1,

    margin = 16,
    spacing = 200,
}

window > content(style="staff_list") > scroll_panel {
    y = 48,
    x = 40,
    width = parent_width - 80,
    height = 377,
    align_width = false,
}

window > content(style="staff_list") > scroll_panel > content {
    layout = "rows",
}

content > staff_entry {
    height = 40,
    can_hover = true,
}


staff_entry > icon(img=image) {
    image = image,
    width = 44,
    height = 32,
    x = 8,
    y = 4,
}

staff_entry > name {
    layout = "lined",
    x = 52,
    y = 5,
    width = 200,
    line_height = 30,
    border_width = border_width(0.0, 0.0, 0.0, 2.0),
    border = border(bside("#000000", "solid"))
}

staff_entry > name > @text {
    font_size = 25,
    font_color = rgb(0, 0, 0),
}

content > staff_entry(hover=true) > name {
    background_color = rgba(255, 255, 26, 0.5),
}

content > staff_entry(hover=true) > name > @text {
    font_color = "#383800",
}

staff_entry > buttons {
    x = parent_width - 90,
    width = 80,
    height = 40,
}

staff_entry > buttons > button(id="find") {
    width = 80,
    y = 5,
    height = 30,
}

window > content(style="staff_list") > scroll_panel > content > seperator {
    background_color = rgba(0, 0, 0, 0.2),
    height = 2,
}