make review stars consistent with mocks (bug 787195)

Author: spasovski

media/css/mkt/ratings.less

@@ -242,6 +242,11 @@ header.product {
             width: 40px;
         }
     }
+    &.large {
+        background: url(../../img/mkt/stars/sprite_18.png) no-repeat;
+        width: 90px;
+        height: 18px;
+    }
 }
 
 .html-rtl .stars {

mkt/detail/templates/detail/includes/ratings.html

@@ -20,14 +20,14 @@
         </ul>
         <div class="{{ 'split' if can_review else 'full' }}">
           <a class="fatbutton average-rating" href="{{ product.get_ratings_url() }}">
-            {{ product.average_rating|float|stars }}
             <span>
               {% trans cnt=product.total_reviews, num=product.total_reviews|numberfmt %}
                 {{ num }} review
               {% pluralize %}
                 {{ num }} reviews
               {% endtrans %}
             </span>
+            {{ product.average_rating|float|stars(large=True) }}
           </a>
         </div>
         {# TODO: Expose maybe sweet ratings breakdown later. #}

mkt/ratings/templates/ratings/rating.html

@@ -20,7 +20,7 @@ <h3 class="review-heading-profile">
       </h3>
     {% endif %}
     {% if not is_reply %}
-      {{ review.rating|stars }}
+      {{ review.rating|stars(large=True) }}
     {% endif %}
     <span class="byline">
       {# TODO: Re-link user profile pages if desktop implements them. #}