NodeNav-grid.css.no


.TabContent .NodeNav {
    width:100%;
    display:grid;
    grid-template-areas:
        ". . parent . ."
        ". . uparrow . ."
        "leftsib leftarrow selected rightarrow rightsib"
        ". downarrow downarrow . ."
        ". child1 child2 . .";
    /* grid-template-rows: 20px 20px 20px 20px 20px; */
    /* grid-template-columns: 20px 20px 20px 20px 20px ; */
    justify-content:start;
}

.TabContent .NodeNav *:first-child{
    grid-area: parent;
}
.TabContent .NodeNav *:nth-child(2){
    grid-area: uparrow;
}
.TabContent .NodeNav *:nth-child(3){
    grid-area: leftsib;
}
.TabContent .NodeNav *:nth-child(4){
    grid-area: leftarrow;
}
.TabContent .NodeNav *:nth-child(5){
    grid-area: selected;
}
.TabContent .NodeNav *:nth-child(6){
    grid-area: rightarrow;
}
.TabContent .NodeNav *:nth-child(7){
    grid-area: rightsib;
}
.TabContent .NodeNav *:nth-child(8) {
    grid-area:downarrow;
}
.TabContent .NodeNav *:nth-child(9) {
    grid-area:child1;
}
.TabContent .NodeNav *:nth-child(10){
    grid-area: child2;
}