Based on xx reviews

Hi,

I see from my request 7 months ago this has been added which is great, I no longer have to go through and manually update my custom javascript:

jQuery(document).ready(function() {
    if (jQuery('.wp-gr').length) {
        if (!jQuery('.wp-google-average').length) {
            jQuery('<span class="wp-google-average">Based on 35 reviews</span>').insertAfter('.wp-google-place .wp-google-stars');
        }
    };
});

However, I can see a few things that can be improved.

1. Instead of putting a div on it’s own beneath the stars rating, put it beside the stars as this utilizes space better and creates less wasted white space. See: https://i.imgur.com/bVa1CV3.png

If you want you could also add a 6px margin to the left of the “Based on xx reviews” just like you’ve done for the numerical score (but in this case it was on the right)

Thus looking like: https://i.imgur.com/Ueugxa7.png

2. It should also be setup as a span as it’s pure text, not as a div.

3. It should also have an appropriately named class, one that is unique. The class wp-google-powered is already being used by the “powered by Google” image.

Both 2 & 3 can be seen in my first screenshot or my custom code.