Separate title bar. Closes #91

css/style.css

@@ -115,16 +115,19 @@
 }
 
 #document-title{
-	position: absolute;
+/*	position: absolute;
 	top: 9px;
 	left:50%;
-	margin:0;
+	margin:0; */
+	padding: 4px 0 5px;
+	border-bottom: 1px solid #E9E9E9;
+
 	text-align: center;
 	font-weight: bold;
 }
 #document-title div{
 	position: relative;
-	margin-left:-50%;
+	/*margin-left:-50%;*/
 }
 #odf-close{
 	float: right;

js/documents.js

@@ -16,12 +16,12 @@ var documentsMain = {
 				
 		/* Toolbar HTML */
 		toolbar : '<div id="odf-toolbar" class="dijitToolbar">' +
-					'  <button id="odf-close">' +
-						t('documents', 'Close') +
-					'  </button>' +
 					'  <div id="document-title"><div>' +
 					'%title%' +
 			        '  </div></div>' +
+					'  <button id="odf-close">' +
+						t('documents', 'Close') +
+					'  </button>' +
 					'  <button id="odf-invite" class="drop">' +
 						  t('documents', 'Share') +
 					'  </button>' +