DevTools: fix overlap in computed styles widget

DevTools: fix overlap in computed styles widget

Reorder the rule origin element to come after the selector element.

BUG=662544
Review-Url: https://codereview.chromium.org/2788513002
Cr-Commit-Position: refs/heads/master@{#460931}
Committed: https://chromium.googlesource.com/chromium/src/+/6970fa31e7037473ce71f9c2b870aca2a0952481

[luoe, 2017-03-30 02:54:55]

luoe@chromium.org changed reviewers:
+ lushnikov@chromium.org

[luoe, 2017-03-30 02:54:56]

Please take a look.

The bug includes a screenshot of the bug, and the fix has no screenshot because
it looks no different.  Now, the selector element only truncates when it hits
the right edge.

[lushnikov, 2017-03-30 20:10:01]

lgtm

[luoe, 2017-03-30 20:19:13]

The CQ bit was checked by luoe@chromium.org

[commit-bot: I haz the power, 2017-03-30 20:20:34]

CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2017-03-30 23:40:30]

CQ is committing da patch.

Bot data: {"patchset_id": 1, "attempt_start_ts": 1490905153740580, "parent_rev":
"b791e0b97910713700bf8e4f3396521cff290d3b", "commit_rev":
"6970fa31e7037473ce71f9c2b870aca2a0952481"}

[commit-bot: I haz the power, 2017-03-30 23:41:24]

Description was changed from

==========
DevTools: fix overlap in computed styles widget

Reorder the rule origin element to come after the selector element.

BUG=662544
==========

to

==========
DevTools: fix overlap in computed styles widget

Reorder the rule origin element to come after the selector element.

BUG=662544

Review-Url: https://codereview.chromium.org/2788513002
Cr-Commit-Position: refs/heads/master@{#460931}
Committed:
https://chromium.googlesource.com/chromium/src/+/6970fa31e7037473ce71f9c2b870...
==========

[commit-bot: I haz the power, 2017-03-30 23:41:25]

Committed patchset #1 (id:1) as
https://chromium.googlesource.com/chromium/src/+/6970fa31e7037473ce71f9c2b870...