fix: long and short titles decoupled

[wesleyboar]

Overview

Make long title and short/nav title look coupled (and short/nav title less important).

| before | after | | - | - | |  |  | Before me: 1. The navigation had been using short titles, and the pages had been using long titles. 2. The documents were concatenated and navigation changed to match TACC user experience. 3. That caused navigation titles to differ from page titles. 4. A solution was implemented to put long and short titles on the page, so: - User could see the short nav title on the page, to check navigation. - User could see the long title on the page, to know the full name. After me: 5. TACC styles made the short title and long title look less coupled. 6. I changed the markup so I could add CSS to: - visually couple the tiles - make short title be less important After this PR: 7. We will review reverting to the old navigation (step 1).

Related

Changes

• changed markup for use cases to couple long and short titles

Testing

1. Open all use cases within http://localhost:8000/user-guide/usecases/seismicusecases/.
2. Verify nav titles (under "Seismic") match small title on each use case.
3. Open all use cases within http://localhost:8000/user-guide/usecases/windstormsurgeusecases/.
4. Verify nav titles (under "Wind and Storm Surge") match small title on each use case.

UI

Via Docker

before	after

screenshots of all affected Use Cases after change

          

Via Python

before	after

[wesleyboar]

I was verbally given blind trust approval from silviamazzoni for this change.

Her faith is not misplaced. I double checked and fixed non-Docker styles.

Now I merge.