3 files changed, 27 insertions, 4 deletions
diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index dba6cfd2b..bf3b3cbe7 100644
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -124,11 +124,30 @@ function initEditor(cb) {
                     initEditor();
                 }); 
 
-		$("#jot-title-desc").click(function() {
-            $("#jot-title-desc").hide();
-            $("#jot-title").show();
-        });
 
+		$("#jot-title").mouseout(function() {
+			$("#jot-title").hide();
+			var ttl = $("#jot-title").val();
+			$('#jot-title-display').html(ttl);
+			if(ttl.length) {
+				$("#jot-title-display").show();
+			}
+			else {
+				$("#jot-title-desc").show();
+			}
+		});
+
+		$("#jot-title-display").click(function() {
+			$("#jot-title-display").hide();
+			$("#jot-title").show();
+			$("#jot-title").focus();
+		});		
+
+		$("#jot-title-desc").click(function() {
+			$("#jot-title-desc").hide();
+			$("#jot-title").show();
+			$("#jot-title").focus();
+		});		
 
 		var uploader = new window.AjaxUpload(
 			'wall-image-upload',
diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index dce5fb616..be536aff4 100644
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -18,6 +18,7 @@
 
 		<div id="jot-title-wrapper">
         <span id="jot-title-desc" style="display: none;">$addtitle</span>
+		<span id="jot-title-display" style="display: none;"></span>
         <input type="text" name="title" id="jot-title" value="" style="display: none;" />
         </div>
 
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 5c31f2f41..3a5d9f178 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -757,6 +757,9 @@ ul .sidebar-group-li .icon{
 	width: 460px;
 }
 
+#jot-title-display {
+	font-weight: bold;
+}
 
 #profile-jot-perms, #profile-jot-submit {
 	width: 60px;