CPU profile displayed in three tables with a tree

runtime/observatory/lib/src/elements/nav_bar.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="observatory_element.html">
 
 <polymer-element name="nav-bar" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       nav {
         position: fixed;
@@ skipping 150 matching lines @@
       <template if="{{ active }}">
         <button class="active" on-click="{{ buttonClick }}">{{ label }}</button>
       </template>
       <template if="{{ !active }}">
         <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button>
       </template>
     </li>
   </template>
 </polymer-element>
 
-<polymer-element name="nav-control" extends="observatory-element">
-  <template>
-    <style>
-      .black {
-        color: #000;
-      }
-      li {
-        float: right;
-        margin: 0;
-      }
-      button {
-        margin: 3px;
-        padding: 8px;
-      }
-    </style>
-    <!-- Disable until issues with history in Dartium are fixed
-    <li>
-      <button class="black" on-click="{{ back }}">&#9664;</button>
-      <button class="black" on-click="{{ forward }}">&#9654;</button>
-    </li>
-    -->
-  </template>
-</polymer-element>
-
 <polymer-element name="top-nav-menu">
   <template>
     <nav-menu link="/vm" anchor="Observatory" last="{{ last }}">
       <nav-menu-item link="/vm-connect/" anchor="Connect to a different VM"></nav-menu-item>
       <content></content>
     </nav-menu>
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-nav-menu" extends="observatory-element">
@@ skipping 138 matching lines @@
         Disconnected from VM
         <br><br>
         <a class="boxclose" on-click="{{ closeItem }}">&times;</a>
       </div>
     </template>
   </template>
 </polymer-element>
 
 
 <script type="application/dart" src="nav_bar.dart"></script>