Observatory improvements for exploring compiled code.

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

Index: runtime/observatory/lib/src/elements/code_view.html
diff --git a/runtime/observatory/lib/src/elements/code_view.html b/runtime/observatory/lib/src/elements/code_view.html
index ddb3d98cda8add13a976522ca1dd3e4afabf142f..7b1c0571028d108765006a6d5144f9a0441f1cc1 100644
--- a/runtime/observatory/lib/src/elements/code_view.html
+++ b/runtime/observatory/lib/src/elements/code_view.html
@@ -55,6 +55,10 @@
       <template if="{{ !(code.isDartCode && code.isOptimized) }}">
         <h1>Code for {{ code.name }}</h1>
       </template>
+      <object-common object="{{ code }}"></object-common>
+
+      <br><br>
+
       <div class="memberList">
         <div class="memberItem">
           <div class="memberName">Kind</div>
@@ -107,32 +111,34 @@
         </template>
       </div>
     </div>
-    <hr>
-    <table id="inlineRangeTable" class="table">
-      <thead id="inlineRangeTableHead">
-        <tr>
-          <th class="address" title="Address range">Address Range</th>
-          <th class="tick" title="Inclusive">Inclusive</th>
-          <th class="tick" title="Exclusive">Exclusive</th>
-          <th title="Functions">Functions</th>
-        </tr>
-      </thead>
-      <tbody class="monospace" id="inlineRangeTableBody">
-      </tbody>
-    </table>
-    <hr>
-    <table id="disassemblyTable" class="table">
-      <thead id="disassemblyTableHead">
-      <tr>
-        <th class="address" title="Address">Address</th>
-        <th class="tick" title="Inclusive">Inclusive</th>
-        <th class="tick" title="Exclusive">Exclusive</th>
-        <th class="disassembly" title="Disassembly">Disassembly</th>
-      </tr>
-      </thead>
-      <tbody class="monospace" id="disassemblyTableBody">
-      </tbody>
-    </table>
+    <div class="content-centered-big">
+      <hr>
+      <table id="inlineRangeTable" class="table">
+        <thead id="inlineRangeTableHead">
+          <tr>
+            <th class="address" title="Address range">Address Range</th>
+            <th class="tick" title="Inclusive">Inclusive</th>
+            <th class="tick" title="Exclusive">Exclusive</th>
+            <th title="Functions">Functions</th>
+          </tr>
+        </thead>
+        <tbody class="monospace" id="inlineRangeTableBody">
+        </tbody>
+      </table>
+      <hr>
+      <table id="disassemblyTable" class="table">
+        <thead id="disassemblyTableHead">
+          <tr>
+            <th class="address" title="Address">Address</th>
+            <th class="tick" title="Inclusive">Inclusive</th>
+            <th class="tick" title="Exclusive">Exclusive</th>
+            <th class="disassembly" title="Disassembly">Disassembly</th>
+          </tr>
+        </thead>
+        <tbody class="monospace" id="disassemblyTableBody">
+        </tbody>
+      </table>
+    </div>
     <view-footer></view-footer>
   </template>
 </polymer-element>