Currently you have to click the Gear button and select New Style Rule from the dropdown, which is poorly discoverable. A better option might be to add a [+] button that would add a new rule.
Created attachment 99480 [details] [PATCH] Suggested solution
Created attachment 99481 [details] [IMAGE] Screenshot of the new UI (the button has a tooltip)
Comment on attachment 99480 [details] [PATCH] Suggested solution View in context: https://bugs.webkit.org/attachment.cgi?id=99480&action=review > Source/WebCore/inspector/front-end/StylesSidebarPane.js:582 > + if (WebInspector.isEditingAnyField()) Is it there a case when the editing is not complete yet by the moment click event is handled here?
Comment on attachment 99480 [details] [PATCH] Suggested solution Clearing flags on attachment: 99480 Committed r90360: <http://trac.webkit.org/changeset/90360>
All reviewed patches have been landed. Closing bug.