UI for the client-side standalone App

[HollyJoyPhillips]

Summary: As the apps in the client portal are now standalone and accessible via another page rather than a modal, we need to update the UI with the following.

Relates to ticket: #1125

General

• Headers: H5, Museo Sans 700
• Colour: #12263f
• Text: Roboto, 14px
• Colour: 556986
• Guttering: 1rem (as with submit app and other pages in the developer portal)

Lefthand navigation

• Heading: Developer (Logo upload TBC)
• Heading: About Developer (text TBC)
• Heading: Contact Developer
• Button: Need Help?
  Action: Should open a modal with the ‘Support’ and ‘Telephone’ fields of the app (UI TBC)
• Should display ‘Category’ if one has been selected, use Lozenge/tag component
• Should display ‘Desktop Integration Types’ if applicable (as above)

Main Apps Page

• Icon image to the left of App Name
• App Name: H2, Museo Sans 300
• Directly underneath, add ‘Verified by Reapit’ and a green tick (the same green tick when an app is listed)
• Directly underneath, add the ‘Install’ or ‘Uninstall’ button (ensure it is lined up with the verified text above)
• Summary: App ‘Summary’
• Image: ScreenShot 2
• Description: App ‘Description’
• Permissions: H5 heading – List app permissions/scopes
• Images: Display remaining screenshots (2,3,4,5) side by side. (image lightbox TBC)

Note: Key features and how to get started are part of the description

See mockup: