865501 - [AAQ Flow] Put Product and Topic in the same line in the Article selection page

Status: RESOLVED FIXED

(support.mozilla.org :: Questions, task, P2)

Description

[Ibai Garcia [:ibai]]

In the AAQ flow, in the Article selection page:

https://support.mozilla.org/en-US/questions/new/product/topic

We present Product and Topic in 2 separated lines. Can we put them in the same line? Perhaps we need to reduce the font a couple of points to ensure that all the combinations fit.

Comment 1

[Ibai Garcia [:ibai]]

Attachment: Breadcrumb for AAQ at 14px and 12px

Comment 2

[Ibai Garcia [:ibai]]

Using font size 14px everything fits in one line and it breads nicely. 14px is the font size of the progress bar so it has a sense of coordination too. The links (change foobar) are in 12px to remove a little bit of weight (we don't want to promote those links, they are there for the one who is looking).

Screenshot of the longest English combination is attached.

Comment 3

[Ibai Garcia [:ibai]]

Adding as a candidate for the next sprint. This is ready to go.

Comment 4

[Ricky Rosario [:rrosario, :r1cky]]

Some styling and possible markup changes => 1pt

Comment 5

[Ricky Rosario [:rrosario, :r1cky]]

AAQ => P2

Comment 6

[Rehan Dalal (Inactive)]

Landed:
https://github.com/mozilla/kitsune/commit/7aa323da303d0e89699101ea5ecdcf004af6ff43

Pushed to prod by me, right now.