Enhancement bounty info view on the bounty details page

[arku]

Description

In the below screenshot from desktop view, the 'Project Type' subheading and the value 'Traditional' look unassociated when they are in fact related. The PR attempts to fix it by making sure the info items always go together. In the mobile view, the items are rendered one in a row.

Before

After

Checklist

• linter status: 100% pass
• changes don't break existing behavior
• commit message follows commit guidelines

Affected core subsystem(s)

UI

/cc @PixelantDesign

[codecov]

Codecov Report

Merging #1384 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #1384   +/-   ##
=======================================
  Coverage   30.25%   30.25%           
=======================================
  Files         125      125           
  Lines        9013     9013           
  Branches     1157     1157           
=======================================
  Hits         2727     2727           
  Misses       6178     6178           
  Partials      108      108

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 367eb76...270d6cb. Read the comment docs.

[SaptakS]

nice!!

[thelostone-mc]

Added some breathing space

[PixelantDesign]

Thank you!