DevTools: update buttons to new style

third_party/WebKit/Source/devtools/front_end/ui/searchableView.css

Index: third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css b/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
index b5c4f1e753059f1c1f72e86e1e8e635ec4716927..eea56645a58025f91e5280242b8eb3881dd7fc5d 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
@@ -5,7 +5,7 @@
  */
 
 .search-bar {
-    flex: 0 0 23px;
+    flex: 0 0 29px;
     background-color: #eee;
     border-top: 1px solid #ccc;
     display: flex;
@@ -14,11 +14,7 @@
 }
 
 .search-bar.replaceable {
-    flex: 0 0 44px;
-}
-
-.search-toolbar {
-    margin-top: -2px;
+    flex: 0 0 55px;
 }
 
 .search-replace {
@@ -34,7 +30,8 @@
 }
 
 .toolbar-replace-checkbox {
-    margin-top: 2px;
+    margin-top: 4px;
+    margin-right: 2px;
     display: block;
 }
 
@@ -50,18 +47,18 @@
 
 .toolbar-search-inputs {
     flex-grow: 1;
+    flex-shrink: 1;
     min-width: 150px;
 }
 
 .toolbar-search-navigation-controls {
     align-self: stretch;
-    background-image: linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
 }
 
 .toolbar-search-navigation {
     display: inline-block;
-    width: 18px;
-    height: 18px;
+    width: 20px;
+    height: 20px;
     background-repeat: no-repeat;
     background-position: 4px 7px;
     border-left: 1px solid rgb(170, 170, 170);
@@ -73,17 +70,8 @@
 }
 
 .toolbar-search button.search-action-button {
-    border: 1px solid rgb(163, 163, 163);
-    border-radius: 8px;
-    margin: 1px 3px 0 3px;
-    background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
-    width: 75px;
-    height: 20px;
-    white-space: nowrap;
-}
-
-.toolbar-search button.search-action-button:active {
-    background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
+    font-weight: 400;
+    height: 22px;
 }
 
 .toolbar-search-control {
@@ -93,7 +81,9 @@
 }
 
 .toolbar-search-buttons {
-    flex-basis: 165px;
+    flex-basis: 95px;
+    display: flex;
+    flex-direction: column;
 }
 
 .toolbar-replace-control,
@@ -104,10 +94,11 @@
 
 .toolbar-search-control, .toolbar-replace-control {
     border: 1px solid rgb(163, 163, 163);
-    height: 20px;
+    height: 22px;
     border-radius: 2px;
     width: 100%;
-    margin-top: 1px;
+    margin-top: 2px;
+    margin-bottom: 2px;
 }
 
 .toolbar-search-navigation.enabled:active {
@@ -124,7 +115,7 @@
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
-    background-image: url(Images/searchPrev.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+    background-image: url(Images/searchPrev.png), #f2f2f2;
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-next {
@@ -133,7 +124,7 @@
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
-    background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+    background-image: url(Images/searchNext.png), #f2f2f2;
 }
 
 .search-results-matches {