Add breakpoints and single-stepping to Observatory.

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="action_link.html">
 <link rel="import" href="curly_block.html">
 <link rel="import" href="eval_box.html">
 <link rel="import" href="function_ref.html">
 <link rel="import" href="isolate_summary.html">
 <link rel="import" href="library_ref.html">
 <link rel="import" href="nav_bar.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="script_inset.html">
@@ skipping 22 matching lines @@
     </nav-bar>
 
     <div class="content">
       <h1>isolate '{{ isolate.name }}'</h1>
     </div>
 
     <br>
     <div class="flex-row">
       <div class="flex-item-10-percent">
       </div>
-      <div class="flex-item-20-percent">
+      <div class="flex-item-30-percent">
         <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
       </div>
-      <div class="flex-item-60-percent">
+      <div class="flex-item-50-percent">
         <isolate-location isolate="{{ isolate }}"></isolate-location>
       </div>
       <div class="flex-item-10-percent">
       </div>
     </div>
     <br>
 
     <template if="{{ isolate.topFrame != null }}">
       <br>
       <script-inset script="{{ isolate.topFrame['script'] }}"
@@ skipping 79 matching lines @@
 
     <div class="content">
       <eval-box callback="{{ eval }}"></eval-box>
     </div>
     <br><br><br><br>
     <br><br><br><br>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="isolate_view.dart"></script>