@import "../../colors";
@import "../../variables";
@import "../../mixins";

$view_albums_select_width: 315px;
$search_catalog_input_width: $in_page_search_width;

.CatalogMain-wrapper {
    @include base-container(main);
}

.CatalogMain-section {
    &-main {
        display: table;
        width: 100%;
    }

    &-recent {
        margin-top: $offset_main * 2;
    }

    &-bookpub {
        @include base-container(main);
    }
}

.CatalogMain-section-col {
    @include column;

    &-add {
        @include columnWidth(4);
    }

    &-view {
        @include columnWidth(8);
    }
}

.CatalogMain-view-album-select {
    width: $view_albums_select_width;
}

.CatalogMain-recently-imported {
    margin-top: $offset_main * 2;
}

.CatalogMain-all-albums-link {
    @include inline-middle;
}

.CatalogMain-col-title {
    width: 35%;
}

.CatalogMain-col-catalog {
    width: 10%;
}

.CatalogMain-col-artist {
    width: 30%;
}

.CatalogMain-col-label {
    width: 17%;
}

.CatalogMain-col-status {
    width: 8%;
}

.CatalogMain-col-edit {
    white-space: nowrap;
    width: 1px;
}

.CatalogMain-label-select {
    width: $select_filter_default_width;
}

.CatalogMain-label-select-wider {
    width: 330px;
}