/*
 * Copyright 2024-2025 Dylan Van Assche
 * SPDX-License-Identifier: MPL-2.0
 */

@-moz-document url("about:accountsetup") {
    /* Make the setup view adapative */
    #setupView {
        width: 100% !important;
        min-width: 100px !important;
    }

    /* Show buttons in a column instead of row */
    .action-buttons-container {
        flex-direction: column !important;
    }

    /* Let buttons take up all space */
    #manualConfigButton {
        text-align: center !important;
        width: 100% !important;
        min-height: 3rem !important;
    }

    #reTestButton {
        text-align: center !important;
        width: 100% !important;
        min-height: 3rem !important;
    }

    #stopButton {
        text-align: center !important;
        width: 100% !important;
        min-height: 3rem !important;
    }

    /* Less margin on smaller screens to allow more space for setup information */
    .main-container {
        margin: 0 2rem 1.5rem !important;
    }

    header {
        margin: 2rem 1.5rem !important;
    }

    /* Make column minimum width fit on smaller screens */
    .column {
        min-width: 250px !important;
    }

    /* Let buttons take full space */
    .action-buttons-container {
        display: flex;
        justify-content: space-between;
        margin-inline: -6px;

        & aside {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        & button {
            border-radius: var(--in-content-button-border-radius);
            max-width: 100% !important;
            min-width: 33% !important;
            width: 50% !important;
        }
    }
}
