Google Chromeのインスペクタのアイコンをスッキリさせる

Chromeのインスペクタは表示してるDockをブラウザの「下・右・独立ウィンドウ」と選べるんだけど、右にしたときにアイコンがでかすぎて一番よく使うConsoleが見えない。。

Macだと「Cmd+[」で前のタブ、「Cmd+]」で次のタブ移動が出来るんだけど、いやもうそういう問題じゃない。見えないの。常に見えてないと安心できないんです。

とかいう話をしてたら、 id:hokaccha がユーザースタイルで変えられるんじゃないのとか言って、変えられることを知りました。

そんなわけでスッキリさせときました。いつもConsoleちゃんが見えてる安心さ。

まじスッキリ。

ユーザースタイルシートの場所

/Users/[ユーザー]/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

Libraryが見えてないと見えないんで、見えるようにしてください。

さっきのキャプチャの状態を再現するCustom.css

#-webkit-web-inspector #main {
  top: 36px !important;
}
#-webkit-web-inspector #toolbar {
  height: 36px !important;
}
#-webkit-web-inspector .toggleable {
  zoom: 90%;
}
#-webkit-web-inspector .toolbar-label {
  display: none;
}
/* consoleの行間ちょっとあけといた */
#-webkit-web-inspector .console-message {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}