DevTools: fix stretch layout in search/replace bar

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 b59ad77bf70445410606551a8871d5c871afed3f..b5c4f1e753059f1c1f72e86e1e8e635ec4716927 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/searchableView.css
@@ -33,18 +33,24 @@
     outline: none;
 }
 
+.toolbar-replace-checkbox {
+    margin-top: 2px;
+    display: block;
+}
+
 .toolbar-search {
-    border-spacing: 1px;
+    display: flex;
+    width: 100%;
 }
 
-.toolbar-search td {
-    padding: 0 5px 0 0;
+.toolbar-search > div {
+    margin: 0px 2px;
+    flex-shrink: 0;
 }
 
-.toolbar-search td > span {
-    display: flex;
-    align-items: baseline;
-    line-height: 17px;
+.toolbar-search-inputs {
+    flex-grow: 1;
+    min-width: 150px;
 }
 
 .toolbar-search-navigation-controls {
@@ -69,9 +75,9 @@
 .toolbar-search button.search-action-button {
     border: 1px solid rgb(163, 163, 163);
     border-radius: 8px;
-    margin: 0;
+    margin: 1px 3px 0 3px;
     background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
-    width: 100%;
+    width: 75px;
     height: 20px;
     white-space: nowrap;
 }
@@ -86,9 +92,13 @@
     background-color: white;
 }
 
+.toolbar-search-buttons {
+    flex-basis: 165px;
+}
+
 .toolbar-replace-control,
 #search-input-field {
-    padding-top: 1px;
+    margin-top: 1px;
     line-height: 17px;
 }
 
@@ -96,8 +106,8 @@
     border: 1px solid rgb(163, 163, 163);
     height: 20px;
     border-radius: 2px;
-    width: 253px;
-    margin-left: 1px;
+    width: 100%;
+    margin-top: 1px;
 }
 
 .toolbar-search-navigation.enabled:active {
@@ -131,4 +141,5 @@
     text-align: right;
     padding: 0 4px;
     color: rgb(165, 165, 165);
+    align-self: center;
 }