Q&A
こちらの質問と同様にDeveloper Toolsを開いて広い間隔の部分の要素を調べると何かヒントが得られるかも知れません。https://teratail.com/questions/105045
問題
上の写真のように、なぜかファイルの間隔が空いていて使いにくいです
これがなにか個存じの方はいませんか？
情報
基本情報
atom 1.24.1 ver
windows 10
パッケージ一覧
atom-beautify
auto-encoding
auto-indent
autocomplete-path
blame
build
busy
busy-signal
color-picker
dotinstall-pane
editor-stats
file-icons←これが怪しかったので、一時的に無効にしましたが変化せず
git-log
git-plus
git-time-machine
gpp-compiler
highlight-selected
imdone-atom
intentions
japanese-menu
jumpy
linter
linter-gcc
linter-ui-default
maximize-panes
merge-conflicts
minimap
minimap-autohide
minimap-git-diff
minimap-highlight-selected
minimap-pigmensts
pigments
project-manager
tabs-to-spaces
web-search
active-power-mode←無効化中
language-review←無効化中
symbols-tree-view←無効化中
ありがとうございます
すみません。そのリンクの先に行っても、あまり理解できません。具体的にどうすればいいかを教えてもらえると助かります
View → Developer → Toggle Developer Tools を選ぶとウィンドウの下部に Developer Tools が開きますが、その左上端にある要素を調べるためのツールアイコン（□に矢印）を選択します。そしてカーソルを treeview のファイル名のリストが表示されている辺りに持っていくと、その部分がハイライトされて要素名が表示されます。調べたい要素部分をクリックするとそこが選択され、適用されているスタイルが Developper Tools の右端に表示されます。このあたりの見方は Chromeブラウザの Devtools と全く同じ要領です。https://developers.google.com/web/tools/chrome-devtools/inspect-styles/edit-styles?hl=ja
例えば私の環境の場合だと、treeview のファイルリストの高さを決めているのは`.list-group li:not(.list-nested-item), ...（中略）... .list-item { line-height: 2em; }`となっている部分で、ここを変更するとファイル名表示部分の高さが変わりました。そのスタイル表示部分の右上にある`<style>...</style>`の部分をクリックすると参照しているファイルが Developer Tools 左側に表示され、私の場合は one-dark-ui という現在使用中のAtomのテーマの設定によって決まっていました。
とりあえず Atom の設定で theme を変更してみても変わらないかどうかとか、`atom --safe`で起動して（パッケージを読み込まない）起きないか等を調べてみたら良いかも知れません。
ありがとうございます。atom --safeで起動してみた場合、治りました。その後いろいろ調べてみたら、どうやらテーマをsetiにしている場合に怒ることがわかりました。ありがとうございました
自己解決
