diora-web/tui/diora_tui/app.tcss

#library-list {
    height: 1fr;
}

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