mauricelam / docktoright Goto Github PK

In Chrome 23.0.1271.97 (stable) on Win7, when DevTools is docked to the bottom, the icon spacing is not uniform. The spacing looks fine when docked to the right. (Although the PageSpeed icon from the Chrome extension is slightly lower than the built-in ones.)

Docked to bottom: non-uniform icon spacing:

Docked to right: looks great! PageSpeed icon slightly lower than others:

Tabs do not appear in latest Chrome v. 30+

It's too small, I want to make it a bit higher but don't see resizing cursor on it's top border.

I often use dev tools with the page I'm debugging only a few hundred pixels wide (for mobile development) and the dev tools docked to the right, taking up the rest of the screen. So it's useful to retain the original orientation at wider widths. So I simply wrapped your entire stylesheet in a media query:

@media (max-width: 800px) {
  /* stylesheet content */
}

Could I suggest adding it?

Can someone make a pull request with icons for common devtools extensions like PageSpeed?