/*
Copyright (C) 2017 Draios inc.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License version 2 as
published by the Free Software Foundation.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

.wsd-capture-overview {
    flex: 1;
    display: flex;
    flex-direction: column;

    overflow: hidden;

    &__scrollable {
        flex: 1;
        display: flex;
        flex-direction: column;

        overflow: auto;
    }

    &__content {
        flex: 1 0 auto;
        display: flex;
        justify-content: space-between;

        padding: @layout-padding-md @layout-padding-sm;
        padding-bottom: 0;
    }
    &__category {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    &__category + &__category {
        margin-left: @layout-spacing-sm;
    }

    &__category-item {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    &__category-item + &__category-item {
        margin-top: @layout-spacing-sm;
    }

    &__category-name {
        font-size: @font-size-md;
        text-align: center;
        text-transform: uppercase;

        margin-bottom: @layout-padding-sm;
    }

    @media screen and (min-height: 948px) {
        &__category-name {
            font-size: @font-size-lg;
            margin-bottom: @layout-padding-md;
        }
    }

}
