Skip to content

Button with icons have an extra space to the right

Screenshot

image

Technical Info

The css rule that creates the space is:

/* line 283, app/assets/stylesheets/framework/buttons.scss */
.btn svg:not(:last-child), .project-buttons .stat-text svg:not(:last-child),
.btn .fa:not(:last-child),
.project-buttons .stat-text .fa:not(:last-child) {
  margin-right: 5px;
}

You can see the effect in storybook by selecting "Include GitLab CSS bundle" https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-button--default

This was introduced by: !1365 (comment 338708327)

Original Discussion

The following discussion from !1365 (merged) should be addressed.