calculator.component.scss

.hyd-window-btns {
    position: absolute;
    right: 1em;
    text-align: right;

    mat-icon {
        cursor: pointer;
        margin-right: 5px;
    }
}

#calc-cards-container {
    margin-left: -1em;
    margin-right: -1em;
}

// dirty fix for scrollIntoView() positioning
#fake-results-anchor {
    float: left; // to avoid following elements being affected by negative margin
    margin-top: -54px;
}

mat-card {
    margin-bottom: 2em;

    // main card
    &.calculator-card {

        > mat-card-header {
            margin-bottom: .5em;
            padding-right: 7.5em; // space for right corner buttons
        }
    }

    // cards inside main card

    &#calc-card-field-sets {
        margin-left: 1em;
        margin-right: 1em;

        &.pab-field-sets {
            margin-right: -1em;
        }

        mat-card-actions {
            text-align: center;

            button {
                padding: .5em 3em;
            }
        }
    }

    &#calc-card-results {
        margin-left: 1em;
        margin-right: 1em;

        &.pab-results {
            margin-right: -1em;
        }

        mat-card-header {
            // margin-bottom: 1em;

            #generate-pab {
                height: min-content;
            }
        }
    }