review - little css changes

loxadim · Dec 10, 2019 · e4b0c04 · e4b0c04
1 parent c171e0f
commit e4b0c04
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/Grand.Web/Views/Customer/Reviews.cshtml b/Grand.Web/Views/Customer/Reviews.cshtml
@@ -21,7 +21,7 @@
                     int ratingPercent = review.Rating * 20;
                     <div class="card comment product-review-item">
                         <div class="card-header review-item-head pr-0">
-                            <div class="ratings">
+                            <div class="ratings justify-content-start">
                                 <div class="rating-box">
                                     <div class="rating" style="width: @(ratingPercent)%">
                                     </div>

diff --git a/Grand.Web/Views/Product/_ProductReviewOverview.cshtml b/Grand.Web/Views/Product/_ProductReviewOverview.cshtml
@@ -10,7 +10,7 @@
 @if (Model.AllowCustomerReviews)
 {
     <div class="product-reviews-overview d-inline-flex align-items-center flex-wrap" @if (Model.TotalReviews > 0) { <text> itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" </text> }>
-        <div class="product-review-box d-inline-block order-2">
+        <div class="product-review-box d-inline-block order-1">
             <div class="ratings">
                 <div class="rating-box">
                     <div class="rating" style="width: @(ratingPercent)%">
@@ -28,7 +28,11 @@
             </div>
             @* microdata info*@
             decimal ratingValue = ratingPercent / (decimal)20;
-            <span class="order-1 mr-2 review-count" itemprop="ratingValue">@ratingValue.ToString("0.0", new CultureInfo("en-US"))</span>
+            <div class="order-2 mr-2 review-count" itemprop="ratingValue">
+                <a class="btn btn-sm py-0 pr-0 review-scroll-button">
+                    <strong>(@ratingValue.ToString("0.0", new CultureInfo("en-US")))</strong>
+                </a>
+            </div>
             <span itemprop="reviewCount" style="display: none;">@Model.TotalReviews</span>
         }
         else