unify/style project listing

[michaelkirk]

FIXES #148 (and beyond!)

Global

before:

after:

I've lifted the styles from the neighbourhood picker list (and tweaked them a bit) and am now using them for the project picker list.

Returning users most likely care more about their existing projects, so I've moved those before the "create" flow. For new users (screenshots farther down) the won't have any existing projects, so the "create" flow will be at the top.

Note: I'm no longer displaying CNT projects on the main LTN page. The more I think about it, the more I think we should try to maintain that these are two different apps with two different databases. Other than us developers, I don't imagine there will be much cross over between the two. But if this is controversial, it's easy to revert this part 50e6a14

cnt

before:

after:

Same idea - project list is before "new projects". It's more drastic here since the "create flow" is so much bigger.

I also stripped "LAD" from the study area name, so it matches with the name from the "create" flow.

Empty state before (global)

before: inexplicable "load a saved file."

after: New project is a button

Empty state before (CNT)

before: inexplicable "Or continue with a previously opened file."

after:

[michaelkirk]

Previously we had a little bit wider left column for CNT, I think to accommodate the three column LAD list, which makes sense.

But honestly, I think we could do a little wider in general, especially on narrower screens, so I've applied that here.

I've also added some min/max widths that I think offer reasonably consistent feeling. All the particular values are up for debate, but I think having some kind of min/max is desirable.