Integration: Item changes

Sascha Eggenbergerrequested to merge
integrations-item-changes into master

What does this MR do and why?

These changes to the Integration list items are to increase discoverability.

Changes to the Integration list item:

  • Changes Avatar to use a bigger size (48px) to boost product logos and make them more discoverable
  • Updates heading to a semantic h3, but keeps it visually at an h4 level for improved hierarchy
  • Updates the CTA per row to a specific Add/Config button with icon
  • The hole table row has now an interactive pattern with a hover state
  • Table row is now clickable
  • Faster navigation as only one item can be tabbed per row

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
before after

How to set up and validate locally

  1. http://gdk.test:3000/admin/application_settings/integrations

Related to #499697 (closed)

Edited by Sascha Eggenberger

Merge request reports