Improve projects list page

After using new projects list design (https://gitlab.com/gitlab-org/gitlab-ce/issues/51944) for a while I still have few minor issues with it.

There are 2 concerns I would like to address:

  1. Its hard to see projects pipelines status because those are not aligned in one vertical line
  2. The whitespace is still feels inefficient compared to other pages

Suggestions:

  1. Currently the list looks like this to me: Screen_Shot_2019-07-03_at_4.46.00_PM
  2. Move CI status before stars, forks etc. Screen_Shot_2019-07-03_at_4.48.42_PM
  3. Reduce project row padding from 16px to 12px Screen_Shot_2019-07-03_at_4.48.53_PM

When both applied, it gives me a more functional dashboard.

Solution

  • Move pipeline status symbol to the beginning of the list of icons
  • Add some spacing/offset to the star icon in case there is no pipeline status
  • Change top/bottom padding for project-row to 12px
  • Reduce the size of the project name back to 14px
  • Change the description color to #707070.

image

Edited by Matej Latin