.treeGridContainer .name {
    text-align: left;
}

    .treeGridContainer .name > span {
        text-overflow: ellipsis;
    }

#files {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    grid-row: 2;
    grid-column: 1;
    overflow: hidden;
}

    #files > * {
        width: 100%;
        height: 100%;
    }

#fileBacktrace {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    grid-row: 2;
    overflow: hidden;
    grid-column: 1;
}

    #fileBacktrace > * {
        width: 100%;
        height: 100%;
    }

#left {
    border-right: 1px solid var(--Environment-CommandBarOptionsBackground-Background, chartreuse);
}

#right {
    border-left: 1px solid var(--Environment-CommandBarOptionsBackground-Background, chartreuse);
}

#left, #right {
    flex: 1 1 auto;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr;
}

#backtraceFileDisplay {
    text-align: center;
    padding: 5px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

#divider {
    z-index: 100000; /* Should be higher than the message overlay */
}