trigger.data('originalContent', trigger.html());
                 trigger.text(disabledText);
             }
+        },
+        setSummaryView: function(summaryView) {
+            view.find('.bottom').prepend(summaryView);
         }
     };
 
 
         border-style: solid;
         margin: 0 5px 0 0;
         padding: 0 5px 0 0;
-        &:last-child {
-            margin-right: 0;
-            padding-right: 0;
-        }
+
     }
 
     ul {
         list-style-type: none;
+        display: inline-block;
+        color: #8F8A8A;
+        margin: 0;
+        &:last-child {
+            li:last-child {
+                margin-right: 0;
+                padding-right: 0;
+            }
+        }
     }
 
     .top {
 
         <%= userName %> (<a href="/"><%= gettext('Exit') %></a>)
     </div>
     <div style="clear:both;"></div>
-    <ul class="bottom">
-        <li><a href="#" data-cmd="drop-draft" data-disabled-text="<%= gettext('no draft exists') %>"><%= gettext('drop a working draft') %></a></li>
-        <li><button class="btn btn-mini btn-info" data-cmd="save"><%= gettext('Save') %></button></li>
-    </ul>
+    <div class="bottom">
+        <ul>
+            <li><a href="#" data-cmd="drop-draft" data-disabled-text="<%= gettext('no draft exists') %>"><%= gettext('drop a working draft') %></a></li>
+            <li><button class="btn btn-mini btn-info" data-cmd="save"><%= gettext('Save') %></button></li>
+        </ul>
+    </div>
 </div>
\ No newline at end of file
 
-<div>
-    <h1 class="title"><%= title %></h1>
-    <table>
-        <% properties.forEach(function(propertyDesc) { %>
-            <tr>
-                <td><%= propertyDesc.label %></td>
-                <td><%= propertyValues[propertyDesc.name] %></td>
-        <% }); %>
-        <tr>
-            <td><%= gettext('Draft Saved') %></td>
-            <td class="draft"></td>
-        </tr>
-    </table>
-</div>
\ No newline at end of file
+<li><%= gettext('Draft Saved') %>: <span class="draft"></span></li>
+<% properties.forEach(function(propertyDesc) { %>
+    <li>
+        <%= propertyDesc.label %>: <%= propertyValues[propertyDesc.name] %>
+    </li>
+<% }); %>
 
 
 
 var view = {
-    dom: $('<div class="documentSummary"></div>'),
+    dom: $('<ul></ul>'),
     init: function(config, doc) {
         this.config = config;
         this.doc = doc;
 
             documentSummary.init(sandbox.getConfig().documentSummaryView, wlxmlDocument);
             documentSummary.render();
             documentSummary.setDraftField(usingDraft ? (draftTimestamp || '???') : '-');
-            views.currentNodePaneLayout.appendView(documentSummary.dom);
+            sandbox.getModule('mainBar').setSummaryView(documentSummary.dom);
 
             sandbox.getModule('mainBar').setCommandEnabled('drop-draft', usingDraft);
             sandbox.getModule('mainBar').setCommandEnabled('save', usingDraft);