-Fix display of megamorphic miss function.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="isolate_ref.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="script_inset.html">
 <link rel="import" href="script_ref.html">
 <polymer-element name="isolate-summary" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <div class="flex-row">
-      <div class="flex-item-10-percent">
-        <img src="img/isolate_icon.png">
-      </div>
-      <div class="flex-item-10-percent">
-        {{ isolate.number }}
-      </div>
-      <div class="flex-item-20-percent">
+      <div>
         <isolate-ref ref="{{ isolate }}"></isolate-ref>
       </div>
-      <div class="flex-item-10-percent">
+      <div style="flex:1"></div>
+      <div>
         <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
-      </div>
-      <div class="flex-item-40-percent">
         <isolate-location isolate="{{ isolate }}"></isolate-location>
         [<a on-click="{{ goto }}" _href="{{ gotoLink('/debugger', isolate) }}">debug</a>]
       </div>
-      <div class="flex-item-10-percent">
-      </div>
     </div>
-
-    <div class="flex-row">
-      <div class="flex-item-20-percent"></div>
-      <div class="flex-item-60-percent">
-        <hr>
-      </div>
-      <div class="flex-item-20-percent"></div>
-    </div>
-
+    <br>
     <isolate-shared-summary isolate="{{ isolate }}"></isolate-shared-summary>
-
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-run-state" extends="observatory-element">
   <template>
     <template if="{{ isolate.paused }}">
       <strong title="{{ isolate.pauseEvent.timestamp.toString() }}">paused</strong>
     </template>
 
     <template if="{{ isolate.running }}">
@@ skipping 47 matching lines @@
 
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-shared-summary" extends="observatory-element">
   <template>
     <style>
       .errorBox {
         background-color: #f5f5f5;
         border: 1px solid #ccc;
-        padding: 10px;
+        padding: 2em;
         font-family: consolas, courier, monospace;
         font-size: 1em;
         line-height: 1.2em;
         white-space: pre;
       }
     </style>
     <link rel="stylesheet" href="css/shared.css">
     <template if="{{ isolate.error != null }}">
       <div class="content-centered">
         <pre class="errorBox">{{ isolate.error.message }}</pre>
         <br>
       </div>
     </template>
     <div class="flex-row">
-      <div class="flex-item-50-percent">
+      <div style="flex:2">
         <isolate-counter-chart counters="{{ isolate.counters }}"></isolate-counter-chart>
       </div>
-      <div class="flex-item-40-percent">
+      <div style="flex:1">
         <div class="memberList">
           <div class="memberItem">
             <div class="memberName">new heap</div>
             <div class="memberValue">
               {{ isolate.newSpace.used | formatSize }}
               of
               {{ isolate.newSpace.capacity | formatSize }}
             </div>
           </div>
           <div class="memberItem">
@@ skipping 59 matching lines @@
         <!-- Temporarily disabled until UI for dart:io is acceptable.
         <template if="{{ isolate.ioEnabled }}">
           <div class="memberItem">
             <div class="memberValue">
               See <a on-click="{{ goto }}" href="{{ gotoLink('/io', isolate) }}">dart:io</a>
             </div>
           </div>
         </template>
         -->
       </div>
-      <div class="flex-item-10-percent">
-      </div>
     </div>
   </template>
 </polymer-element>
 
 <polymer-element name="isolate-counter-chart" extends="observatory-element">
   <template>
     <link rel="stylesheet" href="../../../../packages/charted/charts/themes/quantum_theme.css">
     <style>
 .chart-wrapper {
 }
-
 .chart-host-wrapper {
-  height: 200px;
+  display: flex;
+  flex-direction: row;
+  max-height: 250px;
+}
+.chart-host {
+  flex: 1;
 }
 .chart-legend-host {
-  max-height: 200px;
+  flex: 1;
   overflow-x: auto;
   overflow-y: auto;
 }
     </style>
     <div class="chart-wrapper" id="isolate-counter-chart">
       <div class="chart-host-wrapper">
-          <div class="chart-host" id="isolate-counter-chart-host"></div>
-          <div class="chart-legend-host" id="isolate-counter-chart-legend-host"></div>
+        <div class="chart-host" id="isolate-counter-chart-host"></div>
+        <div class="chart-legend-host" id="isolate-counter-chart-legend-host"></div>
       </div>
   </div>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="isolate_summary.dart"></script>