Compact settings

[simurai]

Prerequisites

• 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

With the introduction of docks, it might be nice to make the settings more compact so it fits better as a more narrow dock item/panel.

Steps to Reproduce

1. Open the settings
2. Drag into a dock

Expected behavior:

The settings should still be usable and be more compact. Example:

Actual behavior:

Currently the navigation takes up a lot of space and there is also some weird double scroll behaviour.

Reproduces how often:

100%

Versions

Atom    : 1.18.0-dev-45806b1
Electron: 1.3.14
Chrome  : 52.0.2743.82
Node    : 6.5.0

apm  1.17.0
npm  3.10.5
node 6.9.5 x64
python 2.7.10
git 2.9.1

macOS Sierra 0.12.4

[simurai]

This 🚢 with #1115