diff --git a/public/css/main.less b/public/css/main.less index a253ec314c..4af818a206 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -178,7 +178,7 @@ ul { } .positive-10 { - margin-top: 10px; + padding-top: 10px; } .positive-15 { @@ -829,8 +829,13 @@ iframe.iphone { // background-color: #e5e5e5; //} -.media-body-wrapper:nth-child(odd){ - background-color: #e5e5e5; +.media-news { + width: 100%; +} + +.comment-to-comment-formgroup { + width: 50%; + height: 35px; } diff --git a/views/stories/comments.jade b/views/stories/comments.jade index 1ca087a539..83f9f9f75f 100644 --- a/views/stories/comments.jade +++ b/views/stories/comments.jade @@ -7,7 +7,7 @@ var sentinel = 0; var renderComments = function renderComments(comments, containerSelector, level) { var commentDetails; - var backgroundColorForCommentNestingLevel = level % 2 !== 0 ? '#e5e5e5' : '#e7e7e7imit T'; + var backgroundColorForCommentNestingLevel = level % 2 !== 0 ? 'odd' : 'even'; R.forEach(function displayComments(comment) { $.ajax({ @@ -26,18 +26,22 @@ var div = document.createElement('div'); $(div) .html( - '
' + commentDetails.body + '
' + - '' + + '' +
+ "commented " + moment(commentDetails.commentOn).fromNow() + " by " +
+ "@" + commentDetails.author.username + " · " +
+ "Reply" +
+ ' ' +
+ '
' + '