DataTable {
    height: 90%;
}

DataTable .datatable--cursor {
    background: grey;
}

DataTable:focus .datatable--cursor {
    background: orange;
}

#filter {
    display: none;
}

#filter Input {
    width: 50%;
}

ActivityEditScreen, ActivityMappingScreen, ActivityDeleteConfirmScreen, TagEditScreen {
    align: center middle;
}

ActivityEditScreen > Vertical,
TagEditScreen > Vertical,
ActivityMappingScreen > Vertical {
    padding: 0 1;
    width: 80;
    height: 30;
    border: thick $background 80%;
    background: $surface;
}

ActivityEditScreen > Vertical,
TagEditScreen > Vertical {
    height: 10;
}

ActivityMappingScreen Horizontal {
    align: left middle;
    width: auto;
}

ActivityEditScreen Horizontal {
    width: 80;
}

ActivityEditScreen Label,
ActivityMappingScreen Label {
    padding: 0 1;
    width: auto;
    border: blank;
}

ActivityMappingScreen AutoComplete {
    width: 80;
}

#description, #activity_tags {
    width: 30;
}

ActivityEditScreen Input {
    width: 60;
}

#dialog {
    grid-size: 2;
    grid-gutter: 1 2;
    grid-rows: 1fr 3;
    padding: 0 1;
    width: 60;
    height: 11;
    border: thick $background 80%;
    background: $surface;
}

#question {
    column-span: 2;
    height: 1fr;
    width: 1fr;
    content-align: center middle;
}

Button {
    width: 100%;
}