Implement a directional user interface layout

The current transit screen UI doesn't lend itself to directional guidance, but it's very natural to want (for example) westbound services on the left, eastbound services on the right.

One design idea is a 3x3 grid where the outer 8 squares are taken up by blocks of directional services, while the center square is for nondirectional services (e.g. Bikeshare, Car2Go).

Westbou  | Northbound 1
nd1      | Northbound 2
Westbou  -------------------
nd2      |NonDir1| Eastbou
         |NonDir2| nd1
 ----------------- Eastbou
    Southbound 1 | nd2
    Southbound 2 |

The major issue with this design is that column widths are not equal (WB and EB are narrow, NB and SB are wide). The current UI handles three different column widths by wrapping text, which should work.

A further question is whether to left or right justify the text in each square.

Another design ossibility: create more layout options such as

North

Non-directional

South

West | Non-directional | East

North

Non-dir | East

and so forth