web/app/build/build.component.scss

Summary

Maintainability
Test Coverage
$TOOLBAR_HEIGHT:80px;
.fci-build-container {
    display: flex;
    padding: 24px 92px 0 92px;
    height: calc(100% - #{$TOOLBAR_HEIGHT});
    box-sizing: border-box;
    .fci-left-container {
        display: flex;
        flex: 1;
        flex-flow: column;
        .fci-build-logs {
            flex: 1;
            padding: 8px;
            color: #93a1a1;
            background-color: #073642;
            font-family: 'Google Sans Monospace', monospace;
            min-width: 926px;
            max-width: 926px;
            overflow-x: auto;
        }
        .fci-build-header {
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            fci-status-icon {
                width: 24px;
                height: 24px;
                margin-right: 2px;
            }
            .fci-build-title {
                font-size: 32px;
                line-height: 1;
            }
            .fci-build-description {
                margin-left: 16px;
            }
        }
    }
    .fci-right-container {
        padding-left: 16px;
        .fci-build-details,
        .fci-artifacts {
            width: 296px;
            margin-bottom: 25px;
            h5 {
                margin-bottom: 0;
                text-transform: uppercase;
            }
            .fci-artifact {
                font-size: 14px;
                &:not(:last-child) {
                    margin-bottom: 18px;
                }
            }
        }
    }
}

.fci-loading-spinner {
    margin: 32px auto;
}