Standalone status-bar icons not centered

[50Wliu]

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

By default, the One UI themes give all status bar icons a right-margin of .25em so that they're not pressed against text. However, this also causes standalone status bar icons with no associated text (such as teletype) to appear uncentered.

Expected behavior: Icons with associated text to have a margin; standalone icons or the last icon in the tile to not have a margin.

Actual behavior: All icons have margins.

Reproduces how often: 100%

Versions

Atom    : 1.26.0-dev-b922430c1
Electron: 1.7.11
Chrome  : 58.0.3029.110
Node    : 7.9.0

[simurai]

Hmm.. that's kinda hard to detect if an icon has no text next to it. There are pseudo selectors like :only-child or :empty, but since every package could have different markup, that only works in some cases.

I guess for now we have to manually override it.