[FIXED][bug-solution] Star ratings on the next line on anime pages

[Drahken]

This css related bug has been mentioned a few times in various threads, but has always gotten lost. I have found the problem, and it's a simple fix;
The problem lies in the use of the float property. Floated divs have to come BEFORE the content they are to be next to in the HTML. Putting a floated item after something else in the html will push it onto the next line. The solution comes in 3 parts:
1) Move the whole ratings div for the main anime (not the recs) from it's current location just before the </form> tag to just before the opening <form> tag.
2) Give the ratings div for the main anime on the page a different class from the ones for the recs on the page. Something like .starRatingMain perhaps.
3) Set this new class to float:right instead of float:left. (The recs on the page need the float:left setting to work properly, but the main rating needs float:right.)

Here's a shot of the bug: http://allspark.net/cypherswipe/rating-bug-before.png
Here's a shot of the fix (with the float property set to "right" for all the ratings on the page, you can see how that messes up the ones in the recs): http://allspark.net/cypherswipe/rating-bug-after.png
(Ignore other errors in the second screenshot, such as the missing images behind the screenshots.)

[sothis]

i didnt read this, but we ended up fixing it in the last iteration of the codebase