DevTools: Fix button layout glitches on Memory panel.

third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css

Index: third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css
diff --git a/third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css b/third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css
index 3d86ce79c68df497de6ca8c3474afc36719ca3cd..b650dce3226f289b9a2c266b1c372229f587a412 100644
--- a/third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css
+++ b/third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.css
@@ -111,9 +111,27 @@
     text-align: left;
 }
 
-.control-profiling {
-    -webkit-align-self: flex-start;
-    margin-right: 50px;
+.profile-launcher-control {
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.profile-launcher-control > * {
+    margin-top: 10px;
+    margin-right: 6px;
+}
+
+.profile-launcher-control button {
+    min-width: 110px;
+}
+
+.profile-launcher-target {
+    align-items: baseline;
+}
+
+.profile-launcher-target * {

[caseq, 2017/02/09 23:12:22]

.profile-launcher-target > *

[alph, 2017/02/09 23:40:11]

Done.

+    flex: 0 0 auto;
+    margin-right: 8px;
 }
 
 .profile-launcher-view-content h1 {
@@ -172,23 +190,15 @@ body.inactive .profile-launcher-view-content button.running:not(.toolbar-item) {
 }
 
 .js_profiler.panel select.chrome-select,
-.heap_profiler.panel select.chrome-select
- {
-    font-size: 12px;
+.heap_profiler.panel select.chrome-select {
     width: 150px;
-    margin-left: 10px;
-    margin-right: 10px;
 }
 
 button.load-profile {
-    margin-left: 20px;
+    margin-top: 10px;
+    padding: 30px 0;
 }
 
-button.load-profile.multi-target {
-    display: block;
-    margin-top: 14px;
-    margin-left: 0;
-}
 
 .cpu-profile-flame-chart-overview-container {
     overflow: hidden;