photo-query-workshop .outerDiv {
    position: relative;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: [left] 50% [middle] 50% [right];
    grid-template-rows: [top] minmax(0, 1fr) [center] var(--nav-bar-total-height) [bottom];
}

photo-query-workshop div.tagTools {
    position: relative;
    grid-column-start: left;
    grid-column-end: middle;
    grid-row-start: top;
    grid-row-end: center;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

photo-query-workshop photo-viewer.photoViewer {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

photo-query-workshop div.albumColumn {
    position: relative;
    grid-column-start: middle;
    grid-column-end: right;
    grid-row-start: top;
    grid-row-end: center;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

photo-query-workshop div.buttons {
    position: relative;
    grid-column-start: left;
    grid-column-end: right;
    grid-row-start: center;
    grid-row-end: bottom;
    height: var(--font-display-height);
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

photo-query-workshop div.buttons > button {
    margin-left: 5px;
}