Update haml markdown editor toolbar buttons to match Vue version

Chad Lavimoniererequested to merge
495769-consistency-make-haml-version-of-markdown-field-s-control-button-row-look-and-feel-like-vue into master

What does this MR do and why?

Update haml markdown editor toolbar buttons to match Vue version

  • Adjust spacing between buttons
  • Add dividers
  • Adjust styling of the "Go full screen" button
  • Make sure "Go full screen" button has a tooltip

Screenshots or screen recordings

Before After
Side-by-side comparison with Vue version (left) and Haml version (Right) image image
Hovering image image

How to set up and validate locally

  1. Check out this branch
  2. In the GDK, navigate to a commit or snippet
  3. You will see the updated styles for the markdown input to add a comment
  4. Hovering over the "Go full screen" button will show a tooltip

Related to #495769 (closed), #474921 (closed)

Merge request reports