calculator-list.component.scss

mat-card.compute-nodes-theme, mat-card.welcome-card {
    width: 300px;
    margin: 1em;

    button.theme-calculator {
        margin-left: 0;
        margin-right: 0;
    }

    .mat-card-actions:last-child {
        margin-bottom: 0; // instead of -8px
    }

    mat-card-header {
        min-height: 80px;
    }

    .mat-card-image-overlay-container {
        position:relative;

        .mat-card-image {
            border-radius: 5px;
        }

        .mat-card-image-overlay {
            position: absolute;
            top: -16px;
            height: 100%;
            opacity: 0;
            background-color: white;
            // copied from mat-card-image :
            width: calc(100% + 32px);
            margin: 0 -16px 0 -16px;

            &:hover {
                opacity: 0.7;
            }
        }

        .theme-image-credits {
            position: absolute;
            bottom: 8px;
            right: 14px;
            font-size: 0.9em;
            font-weight: bold;
            color: #444;
        }
    }
}

mat-card.welcome-card {

    .mat-card-content {
        line-height: 1.4em;
    }
}