pilot.css

ShowtimeDisplay {
    content-align: center middle;
    text-opacity: 60%;
    height: 1;
}

Screen {
    align: center middle;
}

DataTable > .datatable--cursor {
    background: $surface ;
}

DataTable:focus > .datatable--cursor {
        background: $secondary;
        color: $text;
}

#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;
}

AddFixtureScreen {
    align: center middle;
}

#dialog2 {
    width: 60;
    height: 30;
    grid-size: 2;
    grid-columns: 1fr 2fr;
    padding: 1;
    border: heavy yellow;
    background: $surface;
}

#dialog3 {
    width: 90;
    grid-size: 2;
    grid-columns: 1fr 3fr;
    padding: 0 1 0 1;
    border: heavy yellow;
    background: $surface;
}