1096876 - Column layout issues in developer tools' Network Tab

Status: RESOLVED WORKSFORME

(DevTools :: Netmonitor, defect)

Description

[Kumar Harsh]

Attachment: devtools-nm-bug.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20141110004002

Steps to reproduce:

Go to a page which can make a "DELETE" request.
-- or --
Go to this fiddle: http://jsfiddle.net/01pnrtz3/

Open your Firefox Developer Tools, and open the network panel

Click on the "Delete Me" button


Actual results:

The first column of the request row looks ugly.

There are layout issues in the left-most column - the "  Method" column - sometimes, if the method is long, such as "200 DELETE", the "DELETE" part runs over the "200" part, and becomes ugly.


Expected results:

There should be consistent spacing between the status and the method. Right now, it's all a mix of center-aligned methods with statuses.