DevTools: make toolbar button click targets square

Source/devtools/front_end/sources/sourcesPanel.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 13 matching lines @@
  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 .scripts-debug-toolbar {
     position: absolute;
     top: 0;
     width: 100%;
-    background-color: #eee;
+    background-color: #f3f3f3;
     border-bottom: 1px solid #ddd;
-    height: 23px;
 }
 
 .material .scripts-debug-toolbar {
     height: 28px;

[dgozman, 2015/06/11 16:14:12]

You've removed material from inspectorViewToolbar, and left it here. Let's
align.

[pfeldman, 2015/06/11 16:38:07]

Done.

     overflow: hidden;
 }
 
 .scripts-debug-toolbar {
-    margin-top: -1px;
-    height: 24px;
     overflow: hidden;

[dgozman, 2015/06/11 16:14:12]

merge into first rule

[pfeldman, 2015/06/11 16:38:07]

Done.

 }
 
 .scripts-debug-toolbar-drawer {
-    flex: 0 0 46px;
+    flex: 0 0 52px;
     -webkit-transition: margin-top 0.1s ease-in-out;
-    margin-top: -23px;
-    padding-top: 22px;
-    border-bottom: 1px solid rgb(202, 202, 202);
+    margin-top: -26px;
+    padding-top: 25px;
     background-color: white;
     overflow: hidden;
 }
 
 .material .scripts-debug-toolbar-drawer {
     flex: 0 0 54px;
     margin-top: -27px;
     padding-top: 26px;
 }
 
 .scripts-debug-toolbar-drawer.expanded {
     margin-top: 0;
 }
 
 .scripts-debug-toolbar-drawer > label {
     display: flex;
     padding-left: 3px;
-    border-top: 1px solid rgb(196,196,196);
-    height: 24px;
+    height: 28px;
 }
 
 .sources-editor-tabstrip-left {
     width: 22px;
 }
 
 .sources-editor-tabstrip-right {
     width: 36px;
 }
 
@@ skipping 173 matching lines @@
 
 .scope-chain-sidebar-pane-section-title {
     font-weight: normal;
     word-wrap: break-word;
     white-space: normal;
 }
 
 .scope-chain-sidebar-pane-section {
     padding: 2px 4px 2px 4px;
 }