diff --git a/view/templates/jot-header.tpl b/view/templates/jot-header.tpl
index 700d12ace..c6656d886 100644
--- a/view/templates/jot-header.tpl
+++ b/view/templates/jot-header.tpl
@@ -24,6 +24,11 @@ function initEditor(callback) {
$("a#jot-perms-icon").colorbox(colorbox_options);
$(".jothidden").show();
+ $("#profile-jot-text").keyup(function(){
+ var textlen = $(this).val().length;
+ $('#character-counter').text(textlen);
+ });
+
editor = true;
}
if (typeof callback != "undefined") {
diff --git a/view/templates/jot.tpl b/view/templates/jot.tpl
index 71939e0eb..693f7bd76 100644
--- a/view/templates/jot.tpl
+++ b/view/templates/jot.tpl
@@ -1,7 +1,6 @@
@@ -18,7 +17,9 @@
{{if $notes_cid}}
{{/if}}
-
+
+
+
{{if $placeholdercategory}}
{{/if}}
@@ -29,7 +30,7 @@
+
+
+
+
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 0484a4ea1..9054f62f7 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -1778,8 +1778,14 @@ section.minimal {
padding: 0.3em;
margin-bottom: 10px;
}
-
-#profile-jot-form #jot-title, #profile-jot-form #jot-category {
+#post-length {
+ width: 20px;
+ float: left;
+ margin-left: 15px;
+ margin-top: 3px;
+ color: #9c9c9c;
+}
+profile-jot-form #jot-title, #profile-jot-form #jot-category {
border-radius: 5px 5px 5px 5px;
font-weight: bold;
height: 20px;