Change ReviewRating containing element into a span

This way the component can also be used for inline purposes.
This commit is contained in:
Hannu Lyytikainen 2017-12-05 13:52:07 +02:00
parent 828b7223f3
commit b3e123a544
2 changed files with 3 additions and 2 deletions

View file

@ -150,6 +150,7 @@
}
.reviewStars {
display: block;
margin-top: 4px;
@media (--viewportMedium) {

View file

@ -10,7 +10,7 @@ const ReviewRating = props => {
const stars = propTypes.REVIEW_RATINGS;
return (
<div className={classes}>
<span className={classes}>
{stars.map(star => (
<IconReviewStar
key={`star-${star}`}
@ -18,7 +18,7 @@ const ReviewRating = props => {
isFilled={star <= rating}
/>
))}
</div>
</span>
);
};