Make script-insets obey their bounds, and other padding tweaks.

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

Index: runtime/observatory/lib/src/elements/class_view.html
diff --git a/runtime/observatory/lib/src/elements/class_view.html b/runtime/observatory/lib/src/elements/class_view.html
index eadd09b6c3ab8a7e8928e33e3f60d51aec68a58c..0dddf0874cf21292892cacfd74d606ae253c166b 100644
--- a/runtime/observatory/lib/src/elements/class_view.html
+++ b/runtime/observatory/lib/src/elements/class_view.html
@@ -199,18 +199,16 @@
         </template>
     </div>
 
-    <hr>
-
-    <div class="content">
+    <div class="content-centered-big">
+      <hr>
       <eval-box callback="{{ eval }}"></eval-box>
+      <hr>
+      <script-inset script="{{ cls.script }}"
+                    startPos="{{ cls.tokenPos }}"
+                    endPos="{{ cls.endTokenPos }}">
+      </script-inset>
     </div>
 
-    <hr>
-    <script-inset script="{{ cls.script }}"
-                  startPos="{{ cls.tokenPos }}"
-                  endPos="{{ cls.endTokenPos }}">
-    </script-inset>
-
     <view-footer></view-footer>
   </template>
 </polymer-element>