diff --git a/views/stories/comments.jade b/views/stories/comments.jade
index 649283cf3fc..5826fef54ce 100644
--- a/views/stories/comments.jade
+++ b/views/stories/comments.jade
@@ -62,10 +62,9 @@
var commentId = $(this).attr('id');
$(div).html(
"
"
diff --git a/views/stories/show.jade b/views/stories/show.jade
index b6c99affefd..4313a5aa56a 100644
--- a/views/stories/show.jade
+++ b/views/stories/show.jade
@@ -34,18 +34,13 @@
| ยท
a#reply-to-main-post Reply
.col-xs-12#reply-area
-
-
-
.hidden-element#initial-comment-submit
form.form-horizontal.control-label-story-submission
- .col-xs-12
- .form-group
- h3.row
- textarea#comment-box.form-control(name="comment-box", rows=5)
- h3.row.text-center
- .col-xs-6.col-xs-offset-3
- button.btn.btn-block.btn-primary#comment-button Comment
+ .col-xs-12
+ .input-group
+ input#comment-box.big-text-field.field-responsive.form-control(type='text', placeholder='Enter your reply', autofocus)
+ span.input-group-btn
+ button#comment-button.btn.btn-big.btn-primary.btn-responsive(type='button') Send
script.
$('#reply-to-main-post').on('click', function() {
diff --git a/views/stories/submit-story.jade b/views/stories/submit-story.jade
index cd67e38cd36..10cda357889 100644
--- a/views/stories/submit-story.jade
+++ b/views/stories/submit-story.jade
@@ -14,16 +14,23 @@
.col-xs-12.col-md-1
label.control-label.control-label-story-submission(for='name') Title
.col-xs-12.col-md-11
- input#story-title.form-control(placeholder='Type a headline for your link here', name='Title', autofocus)
+ input#story-title.form-control(placeholder='Type a headline for your link here', name='Title', maxlength='140' autofocus)
.form-group
.col-xs-12.col-md-1
label.control-label.control-label-story-submission(for='name') Description
.col-xs-12.col-md-11
- textarea#description-box.form-control(name="comment-box", rows=5, placeholder="Start off the discussion with a description of your post")
-
+ input#description-box.form-control(name="comment-box", placeholder="Start off the discussion with a description of your post" maxlength='140')
+ span.pull-left#textarea_feedback
.spacer
.form-group
button.btn.btn-big.btn-block.btn-primary#story-submit Submit
script.
$('#story-url').val(storyURL).attr('disabled', 'disabled');
- $('#story-title').val(storyTitle);
\ No newline at end of file
+ $('#story-title').val(storyTitle);
+ var text_max = 140;
+ $('#textarea_feedback').html(text_max + ' characters remaining');
+ $('#description-box').keyup(function () {
+ var text_length = $('#description-box').val().length;
+ var text_remaining = text_max - text_length;
+ $('#textarea_feedback').html(text_remaining + ' characters remaining');
+ });