/* Search Modal Screen Styling */

SearchModal {
    align: center middle;
}

Screen {
    layout: vertical;
}

#search-container {
    width: 140;
    height: 40;
    background: $panel;
    border: solid $primary;
    layout: vertical;
}

Static#search-title {
    height: 3;
    dock: top;
    text-align: center;
    text-style: bold;
    color: $accent;
    background: $boost;
    padding: 1 2;
}

#search-controls {
    height: auto;
    layout: horizontal;
    padding: 1;
    border: solid $primary;
}

#source-select {
    width: 20;
    margin-right: 1;
}

#search-input {
    width: 1fr;
    margin-right: 1;
}

#search-button {
    width: 12;
}

#results-table {
    height: 1fr;
    border: solid $primary;
}

DataTable {
    border: solid $accent;
}

DataTable > .datatable--header {
    background: $boost;
    color: $accent;
    text-style: bold;
}

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

#bottom-controls {
    height: auto;
    layout: horizontal;
    padding: 1;
    border: solid $primary;
}

#tags-column {
    width: 1fr;
    layout: vertical;
    padding-right: 1;
    height: auto;
}

#result-tags-textarea {
    height: 10;
    width: 1fr;
    border: solid $accent;
}

#source-submit-column {
    width: 20;
    layout: vertical;
    padding-left: 1;
    height: auto;
}

#library-source-select {
    width: 1fr;
    margin-bottom: 1;
}

#submit-button {
    width: 1fr;
}

#search-buttons {
    height: 3;
    dock: bottom;
    layout: horizontal;
    padding: 1;
    border: solid $primary;
    align: center middle;
}

#select-button {
    width: 12;
    margin-right: 2;
}

#cancel-button {
    width: 12;
}
