Removes the gap in approvers in the MR widget

Merged Filipa Lacerda requested to merge 37197-approved-gap into master

What does this MR do?

  • Removes the gap from the Approvals in the MR widget

  • Sets the same margin between all components of the approvals Screen_Shot_2017-09-04_at_23.25.47

  • Aligns the "Remove your approval" button vertically: (the following images are not horizontally spaced correct)

before after
Screen_Shot_2017-09-04_at_23.14.20 Screen_Shot_2017-09-04_at_23.14.20
  • Simplifies the HTML of the component, rendering the same content:
  • Adds missing keys in Vue props
  • Fixes invalid HTML

Final result:


Does this MR meet the acceptance criteria?

What are the relevant issue numbers?


Edited by Filipa Lacerda