Wrapping leaf nodes in non polymer elements

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

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="class_ref.html">
 <link rel="import" href="observatory_element.html">
-<link rel="import" href="nav_bar.html">
-<link rel="import" href="view_footer.html">
 
 <polymer-element name="heap-profile" extends="observatory-element">
 <template>
   <link rel="stylesheet" href="css/shared.css">
   <style>
     .table {
       border-collapse: collapse!important;
       margin-bottom: 20px
       table-layout: fixed;
     }
@@ skipping 53 matching lines @@
     <top-nav-menu></top-nav-menu>
     <vm-nav-menu vm="{{ profile.isolate.vm }}"></vm-nav-menu>
     <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
     <nav-menu link="{{ makeLink('/allocation-profiler', profile.isolate) }}" anchor="allocation profile" last="{{ true }}"></nav-menu>
     <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></nav-refresh>
     <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
     <nav-refresh callback="{{ refresh }}"></nav-refresh>
     <div class="nav-option">
       <input type="checkbox" checked="{{ autoRefresh }}">Auto-refresh on GC
     </div>
+    <nav-notify notifications="{{ app.notifications }}"></nav-notify>
   </nav-bar>
   <div class="content">
     <h1>Allocation Profile</h1>
     <br>
     <div class="memberList">
       <div class="memberItem">
         <div class="memberName">last forced GC at</div>
         <div class="memberValue">{{ lastServiceGC }}</div>
       </div>
       <div class="memberItem">
@@ skipping 114 matching lines @@
       </thead>
       <tbody id="classTableBody">
       </tbody>
     </table>
     <view-footer></view-footer>
   </div>
 </template>
 </polymer-element>
 
 <script type="application/dart" src="heap_profile.dart"></script>