MR widget objects are misaligned

Summary

There's several small misalignments between the objects in the MR widget.

• The review app link should be aligned with the rest of the text on the same line Fixed version should look like this:

• The eligible approvers avatars should be vertically centered in the container

• The approval icon is misaligned vertically compared to the rest of the items in the row

• The approved user avatar is misaligned compared to the rest of the items in the row

Steps to reproduce

View any MR on prod.

Example Project

What is the current bug behavior?

There's several small misalignments between the objects in the MR widget.

What is the expected correct behavior?

Fixed version should look like this:

Relevant logs and/or screenshots

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info

(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)
(we will only investigate if the tests are passing)

Possible fixes