Geo Replicables List: Error details --> UI Updates

From !196180 (comment 2599729301)

Proposed layout

Screenshot_2025-07-02_at_1.01.03_PM

Header and buttons

  • Could we move the sync all/verify all buttons up to the header?
  • Consider adding an icon to the Resync button
    • Is one of these actions more of a primary action? If so, we could use confirm. Otherwise, I think using an icon here helps differentiate them more; those words are so similar in English 😅

Screenshot_2025-07-02_at_12.36.34_PM

Failure status with errors

  • Consider using a badge with status icons instead of the pipeline icons
  • Consider using · instead of | to separate pieces of metadata (this is a personal opinion; I think the | looks less polished)
  • The expanded errors well probably doesn't need to be red
  • 8px space between buttons (applies to header buttons as well)
  • Tighten up vertical spacing between title and metadata
  • Add chevron icon to Expand errors/Collapse errors to help prepare users for that interaction

image

Success status

  • Similar to previous changes, but with the status-success badge

image

Implementation plan

  1. Apply suggested UI changes to the shared Geo List components found in ee/geo_shared/list/components
Edited by 🤖 GitLab Bot 🤖