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;
}