Since upgrading Chrome, somewhere around version 43.0.2357.81 m the layout of Computed Styles has now changed.
It used to format like this (sorry SO won\'t let me includ
YES!
I couldn't agree more.
This change really hurts the usability of the tool. It's the main reason why I still reach for Firebug, although Chrome is superior to Firefox in several respects (for my purposes).
Funny thing is the documentation still shows the old (superior) layout:
https://developer.chrome.com/devtools/docs/elements-styles
The only solution I can think of is to install an older version of Chrome. I'm on Ubuntu so I could try a previous version from this page:
http://www.ubuntuupdates.org/pm/google-chrome-stable
where I could install e.g. version 42. However you would probably need to switch off auto-update, and you need to be careful with the app data (favorites and so on). More details here:
https://askubuntu.com/questions/485856/how-do-i-downgrade-google-chrome
Too much trouble, I didn't bother to try this out, even though this is really annoying. I'll mix and match using Chrome Dev tools with Firebug, probably.
Oh, and by the way I see a discussion about exactly this issue on the Google Chrome/Chromium forum:
https://code.google.com/p/chromium/issues/detail?id=496263
The reply to someone asking why this change was made:
"This is an expected change in behavior. This probably needs evangelism to let developers know why this change is better than the previous mode."
I've posted a comment on that Chromium forum to ask what the reason for this change is.