DevTools: update buttons to new style

third_party/WebKit/Source/devtools/front_end/profiler/profilesPanel.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 99 matching lines @@
 
 .data-grid:focus tr.selected .profile-node-file {
     color: white;
 }
 
 .profile-launcher-view-content {
     padding: 0 16px;
     text-align: left;
 }
 
-.profile-launcher-control {
-    align-items: center;
-    flex-wrap: wrap;
-}
-
 .profile-launcher-control > * {
     margin-top: 10px;
     margin-right: 6px;
 }
 
-.profile-launcher-control button {
+.profile-launcher-view-content button {
     min-width: 110px;
+    margin-top: 10px;
 }
 
 .profile-launcher-target {
     align-items: baseline;
 }
 
 .profile-launcher-target > * {
     flex: 0 0 auto;
     margin-right: 8px;
 }
@@ skipping 11 matching lines @@
 .panel-enabler-view.profile-launcher-view label {
     margin: 0;
 }
 
 .profile-launcher-view-content p {
     color: grey;
     margin-top: 1px;
     margin-left: 22px;
 }
 
-.profile-launcher-view-content button.running {

[dgozman, 2017/05/15 21:29:00]

What happened to running state?

[luoe, 2017/05/18 21:29:26]

Hmm, since it's only used in Memory, I'll move it back here instead of
textButton.css.  When recording an allocation timeline, we should also remove
the primary blue background.

I think the inactive style is no longer needed.

-    color: hsl(0, 100%, 58%);
-}
-
-.profile-launcher-view-content button.running:hover {
-    color: hsl(0, 100%, 42%);
-}
-
-body.inactive .profile-launcher-view-content button.running:not(.toolbar-item) {
-    color: rgb(220, 130, 130);
-}
-
 .highlighted-row {
     -webkit-animation: row_highlight 2s 0s;
 }
 
 @-webkit-keyframes row_highlight {
     from {background-color: rgba(255, 255, 120, 1); }
     to { background-color: rgba(255, 255, 120, 0); }
 }
 
 .profile-canvas-decoration label[is=dt-icon-label] {
     margin-right: 4px;
 }
 
 .profile-canvas-decoration {
     color: red;
     margin: -14px 0 13px 22px;
     padding-left: 14px;
 }
 
 .profile-canvas-decoration button {
     margin: 0 0 0 10px !important;
 }
 
 .js_profiler.panel select.chrome-select,
 .heap_profiler.panel select.chrome-select {
     width: 150px;
 }
 
-button.load-profile {
-    margin-top: 10px;
-    min-width: 110px;
-}
-
-
 .cpu-profile-flame-chart-overview-container {
     overflow: hidden;
     position: absolute;
     top: 0;
     width: 100%;
     height: 80px;
 }
 
 #cpu-profile-flame-chart-overview-container {
     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
 }
 
 .cpu-profile-flame-chart-overview-canvas {
     position: absolute;
     top: 20px;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 #cpu-profile-flame-chart-overview-grid .resources-dividers-label-bar {
     pointer-events: auto;
 }
 
 .cpu-profile-flame-chart-overview-pane {
     flex: 0 0 80px !important;
 }