Dashboard panel: UI polish

About

The latest addition of the dashboard panel component has some minor visual inconsistencies when compared to some other components and the latest CRUD component found on: https://gitlab.com/dashboard/merge_requests.

Comparison
UI_polish_proposal

Proposal

  1. Update border radius to match CRUD and component: gl-rounded-base → gl-rounded-lg
  2. Increase padding from 12px → 16px: gl-p-4 → gl-p-5
  3. Reduce the size of the actions button: btn-md → btn-sm
  4. Add more examples of menu options and remove the icons
  5. For the error state: add 2 spacing between the status icon and the panel title (gitlab-org/gitlab#523311 (comment 2444148590))
Error state
spacing
Edited by Libor Vanc