/* grid.css: Grid layout specifications */
.viewport {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content auto min-content;
    align-content: start;
}

.title {
    grid-column: 1 / span 2;
}

.status {
    grid-column: 1 / span 2;
}

.leftside {
  display: grid;
  align-content: start;
}

.menu {
    grid-column: 1;
}

.context {
    grid-column: 1;
}

.content {
    grid-column: 2;
}

.footer {
    grid-column: 1 / span 2;
    align-content: end;
}

.context-box {
    padding-top: 16px;
}