web/app/build/build.component.scss
$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;
}