MenuScreen {
    padding-top: 1;
}

MenuScreen > Static {
    padding-left: 1;
}

MenuScreen > Label {
    margin: 0 1;
}

Footer {
    layout: horizontal;
    dock: bottom;
    background: $background-lighten-1;
    height: 1;
    width: 100%;
    padding: 0;
}

Footer {
    #cur-input {
        width: 10fr;
        align: left middle;
    }

    #help-section {
        width: 80fr;
        align: center middle;
    }

    #help-section Label {
        margin: 0 1;
    }

    Horizontal .title {
        color: $accent-darken-1;
        text-style: bold;
    }

    Horizontal .help {
        color: $primary-lighten-3;
        text-style: bold;
    }

    #edit-hint {
        align: right middle;
        width: 5fr;
    }
}

ModalScreen Input {
    border: none;
    height: auto;
    margin: 0;
    padding: 0;
}

ModalScreen > Vertical {
    align: center middle;
}

ResultsScreen > CommandRunner {
    width: 100%;
    height: 90vh;
    border-top: $primary wide;
    border-title-align: center;
    border-title-style: bold;
    margin: 0;
    dock: bottom;
}

ResultsScreen RichLog {
    padding: 1;
    background: $background;
}

ModalScreen.input-screen {
    layout: vertical;
    align: center middle;
}

ModalScreen.input-screen > .input-widget {
    height: auto;
    max-width: 70w;
}


SuggestionsWidget > OptionList {
    border: $primary wide;
    max-height: 15;
}

ArgumentInput {
    layout: vertical;
    align: center top;
    border: $primary wide;
    padding: 1;
}

ArgumentInput Input {
    border: none;
    padding: 0 1;
}

TagsCollection {
    layout: vertical;
    height: auto;
}

TagsCollection > ScrollableContainer {
    height: auto;
    max-height: 15;
}

Tag {
    background: $background-lighten-1;
    layout: horizontal;
    height: auto;
    width: auto;
    margin-top: 1;
    padding: 0;
    border: none;

    &:focus {
        background-tint: $foreground 20%;

        Button {
            background: $error;
        }
    }
}

Tag > Button {
    background: $primary;
    min-width: 3;
    width: auto;
    height: auto;
    margin: 0 0;
    padding: 0;
    border: none;
}

Tag > Label {
    margin: 0 1;
    height: auto;
}
