optimizing stackable tokens

I don't have any pictures to make visualization better.

There are cities on a board and I need to record information with tokens. There are 2 kind of informations:

buildings: 1 building max per city
units: a stack of multiple unit tokens which are all the same.

The problem is that all these tokens stack over each other and when you have a small stack, you don't see what kind of building there is in the city.

My solution was to make the city tokens bigger so that we can see what the building is when there are units on it.

My units token are 3/4 of an inch square tokens. I intend to make my city tokens 1 inch square token.

Now if I place each token one over the other centered, it leaves an 1/8 of an inch border where I can display some information.

First, 1/8" is not a lot, second I do not need to display that much information: just a name and an icon. Third, if I display that information at the bottom of the city token, all the rest of the border (top and side) is wasted space. The only good point is that it is easier to manipulate.

So I am trying to find other solutions:

A: Slide the stack of unit token upward so that an 1/4" space is revealed at he bottom of the city hex. Which leaves the sides unused.

B: inspired by solution A, make the city tokens rectangular 3/4" wide by 1" high, so that only the building text and icon shows up at the bottom. It might be harder to manipulate.

C: Split the cities on the board in 2 squares, place to the left the city buildings (in a 3/4" square), and to the right the unit tokens. The problem is that it takes more space on the board.

So what do you think? Which one do you prefer? Do you have another suggestion.