diff --git a/media/css/mkt/ratings.less b/media/css/mkt/ratings.less index 830504a64c..db9c621142 100644 --- a/media/css/mkt/ratings.less +++ b/media/css/mkt/ratings.less @@ -25,7 +25,7 @@ li a.delete { } } -.replies .review.reply { +section.replies .review.reply { display: block; } @@ -80,7 +80,7 @@ li a.delete { } #review-list { - background: @bg-lite; + background: lighten(@bg-lite, 2%); border-top: 1px solid darken(@light-gray, 2%); border-bottom: 1px solid lighten(@faint-gray, 4%); } @@ -113,9 +113,6 @@ li a.delete { border-top: 0; } } - &.normal:nth-child(2n) { - background-color: lighten(@bg, 5%); - } .byline, .timestamp { font-size: 12px; } @@ -149,13 +146,20 @@ li a.delete { &.hidden { display: none; } - + li:before { + &:not(.hidden) + li:before { color: @note-gray; content: "\00a0\2022\00a0\00a0"; } } } +.review:nth-of-type(2n) { + background-color: lighten(@bg, 5%); + + .replies .review { + background-color: lighten(@bg, 5%); + } +} + .overlay { form { margin: 0; diff --git a/mkt/ratings/templates/ratings/listing.html b/mkt/ratings/templates/ratings/listing.html index 13cf61f112..0fff349881 100644 --- a/mkt/ratings/templates/ratings/listing.html +++ b/mkt/ratings/templates/ratings/listing.html @@ -42,6 +42,9 @@ {% include 'ratings/rating.html' %} {% endfor %} {% if reply %} + {% with review=reply.reply_to %} + {% include 'ratings/rating.html' %} + {% endwith %} {% with review=reply %} {% include 'ratings/rating.html' %} {% endwith %}