DevTools: render category filters in a way that they don't clash.

Source/devtools/front_end/inspectorStyle.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 71 matching lines @@
     background-origin: padding-box;
     background-clip: padding-box;
 }
 
 .inspector-view-toolbar-left {
     padding-left: 2px;
     margin-right: -5px; /* Should compensate for .tabbed-pane-header-contents margin-left. */
 }
 
 .inspector-view-close-button {
-    padding-right: 6px;
-    padding-left: 4px;
     cursor: default;
+    width: 28px;
+    padding-left: 8px;
+}
+
+.material .inspector-view-close-button {
+    width: 32px;
 }
 
 body.undocked .inspector-view-close-button {
     display: none;
 }
 
 .bubble-repeat-count {
     display: inline-block;
     height: 14px;
     background-color: rgb(128, 151, 189);
@@ skipping 538 matching lines @@
 }
 
 body.inactive select.chrome-select,
 .chrome-select:disabled {
     background-image: -webkit-image-set(url(Images/chromeDisabledSelect.png) 1x, url(Images/chromeDisabledSelect_2x.png) 2x), linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
     border-color: rgba(80, 80, 80, 0.2);
     box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08),
     inset 0 1px 2px rgba(255, 255, 255, 0.75);
     color: #aaa;
 }