Miscellaneous Observatory UI improvements

runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html

Index: runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html
diff --git a/runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html b/runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html
index ca89f0071ba62295ec6ab12314d939ad3454643f..c68925ef07a42d3365a311dcc4bfa578becac3a5 100644
--- a/runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html
+++ b/runtime/bin/vmservice/client/lib/src/elements/isolate_summary.html
@@ -14,9 +14,7 @@
 
       <div class="col-md-1">{{ isolate.mainPort }}</div>
 
-      <!-- TODO(turnidge): Use function-ref when it can take isolate param -->
       <div class="col-md-4">
-
         <div class="row">
           <isolate-ref ref="{{ isolate }}"></isolate-ref>
         </div>
@@ -31,33 +29,6 @@
       </div>
 
       <div class="col-md-2">
-        <div class="row">
-          <div class="col-md-5">{{ isolate.timers['total'] | formatTimePrecise }}</div>
-          <div class="col-md-1"></div>
-          <div class="col-md-3"><p class="text-muted">total</p></div>
-        </div>
-        <div class="row">
-          <div class="col-md-5">{{ isolate.timers['dart'] | formatTimePrecise }}</div>
-          <div class="col-md-1"></div>
-          <div class="col-md-3"><p class="text-muted">dart</p></div>
-        </div>
-        <div class="row">
-          <div class="col-md-5">{{ isolate.timers['compile'] | formatTimePrecise }}</div>
-          <div class="col-md-1"></div>
-          <div class="col-md-3"><p class="text-muted">compile</p></div>
-        </div>
-        <div class="row">
-          <div class="col-md-5">{{ isolate.timers['gc'] | formatTimePrecise }}</div>
-          <div class="col-md-1"></div>
-          <div class="col-md-3"><p class="text-muted">gc</p></div>
-        </div>
-        <div class="row">
-          <div class="col-md-5">{{ isolate.timers['init'] | formatTimePrecise }}</div>
-          <div class="col-md-1"></div>
-          <div class="col-md-3"><p class="text-muted">init</p></div>
-        </div>
-      </div>
-      <div class="col-md-2">
         <a href="{{ isolate.relativeHashLink('allocationprofile') }}">
           {{ isolate.newHeapUsed | formatSize }}/{{ isolate.oldHeapUsed | formatSize }}
         </a>
@@ -73,6 +44,18 @@
         ( <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack trace</a> )
       </div>
     </div>
+
+    <div class="row">
+      <div class="col-md-2"></div>
+      <div class="col-md-8">

[turnidge, 2014/04/01 19:42:48]

We should stop introducing new bootstrap usage in our html files if we are
planning on dropping it soon.

[Cutch, 2014/04/02 18:26:52]

Done.

+        <small>
+          <template repeat="{{ key in isolate.counters.keys }}">
+            <span>{{ key }} ({{ isolate.counters[key] }})</span>
+          </template>
+        </small>
+      </div>
+    </div>
+
     <template if="{{ isolate.topFrame != null }}">
       <script-inset script="{{ isolate.topFrame['script'] }}"
                     pos="{{ isolate.topFrame['tokenPos'] }}">