Shifting the various button-states from layer to layer was a bit awkward, I think. If you like, I can explain.

While the buttons are stretchable, entering varied length text on them throws out all horizontal positioning (with respect to adjacent buttons). If, for example, I change the text on the second button from 'Group B' to 'Company F' then the button will expand horizontally about its center. That's cool ... for a single button. But, when the button is part of a navbar, then the adjacent buttons are overlapped. Can I make them respect each other's increasing/decreasing sizes by employing some sort attibute similar to 'repel text under'?