Gutter icon is badly drawn

[diegolagoglez]

Prerequisites

• [X] Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: http://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: http://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

git-diff package draws git status icons in an incorrect way:

Steps to Reproduce

1. Install git-diff package.
2. Enable Show Icons in Editor Gutter option.
3. See attached image.

Expected behavior: Gutter icons should be drawn with a similar spacing between them.

Actual behavior: Gutter icons are drawn with different spacing between them. Also, line numbers are moved with gutter icons showing them closer and farther than they should. It doesn't happen if git-diff's Show Icons in Editor Gutter option is disabled.

Reproduces how often: Always.

Versions

Atom versions:

• Atom : 1.25.1
• Electron: 1.7.11
• Chrome : 58.0.3029.110
• Node : 7.9.0
• Git Diff package version: 1.3.9

  APM versions:

• apm 1.19.0
• npm 3.10.10
• node 6.9.5 x64
• atom 1.25.1
• python 2.7.12
• git 2.7.4

  OS version:

• Ubuntu 16.04.4 LTS (xenial) amd64

[the-j0k3r]

I would even say they would be drawn all left aligned in their own column this single line to double line triple line numbers they all align all over the place.

[maxbrunsfeld]

This issue was moved to atom/atom#18006