Small improvements in project-level empty states (Secure & Protect)

Problem to solve

  1. Inconsistent and improper use of button styles (some green, some blue) - buttons should be replaced with text links at the end of the description text).

  2. Empty state copy is the same for both the Security Dashboard and the Vulnerability Report - we need to change the title and description on Vulnerability Report to distinguish itself from the Security Dashboard (which also needs a copy change). (Note: Links should retain the same destination)

  3. The page title shows in the empty state only on the Security Dashboard and no other pages. This should be removed for consistency.

Proposals

Overview of changes

Page Button removed > text link added Title & description copy change needed Other changes needed
Security Dashboard x x remove page title if empty state
Vulnerability Report x x
License Compliance x
Dependency Scanning x
Threat Monitoring x

Visual of changes

Changes needed Screenshot
Security Dashboard - Button should be replaced with a More information text link at end of description. Title and description copy change (TBD). Page title of Security Dashboard should be removed in the empty state. Screen_Shot_2020-11-28_at_4.28.29_PM
Vulnerability Report - Button should be replaced with a More information text link at end of description. Title and description copy change (TBD). Screen_Shot_2020-11-28_at_4.28.46_PM
Dependency List - Button should be replaced with a More information text link at end of description. Screen_Shot_2020-11-28_at_4.28.58_PM
License Compliance - Button should be replaced with a More information text link at end of description. Screen_Shot_2020-11-28_at_4.29.13_PM
Threat monitoring - Button should be replaced with a More information text link at end of description. Screen_Shot_2020-11-28_at_4.29.29_PM

/cc @gitlab-com/gitlab-ux/secure-defend-ux

Edited by Becka Lippert