diora-web/tui/diora_tui/app.tcss

#library-list {
    height: 1fr;
}

#lib-chips {
    height: auto;
    padding: 0 1;
}

#lib-search {
    margin: 0 1;
}

#lib-card {
    height: auto;
    margin: 1 1 0 1;
    padding: 0 2;
    border: round $primary;
}

#lib-note {
    height: auto;
    padding: 0 2;
    color: $text-muted;
}

ChoiceScreen {
    align: center middle;
}

#choice-title {
    width: 50;
    background: $panel;
    padding: 0 2;
    text-style: bold;
}

#choice-list {
    width: 50;
    height: auto;
    max-height: 70%;
    border: round $primary;
}

StatusBar {
    dock: bottom;
    height: 1;
    padding: 0 1;
    background: $panel;
    color: $text-muted;
    text-align: right;
}

#reader-scroll {
    height: 1fr;
    padding: 1 2;
    align-horizontal: center;
}

#reader-loading {
    height: 1fr;
}

FootnoteScreen {
    align: center middle;
}

#footnote-body {
    width: 80%;
    max-width: 100;
    height: auto;
    max-height: 80%;
    background: $panel;
    border: round $primary;
    padding: 1 2;
}

.footnote-note {
    margin-bottom: 1;
}

#footnote-hint {
    dock: bottom;
    width: 80%;
    max-width: 100;
    background: $panel;
    color: $text-muted;
    padding: 0 2;
}

JumpOfferScreen {
    align: center middle;
}

#offer-body {
    width: 60;
    height: auto;
    background: $panel;
    border: round $primary;
    padding: 1 2;
}

#offer-hint {
    margin-top: 1;
    color: $text-muted;
}