Component List Layout Problem

[trickywiki]

Hello,

I've seen this problem knocking about on the forums but no solution seems apparent.

I have an issue with the Component List Layout, I want all the text for each Radio Button choice to be on the same line but for an unknowable reason some of some text and the prices are knocked down onto a new line.

You can see an example here towards the bottom of the page, one of the radio button options has the price on a new line whereas the others are on the same line! Infuriating!

I can't see anywhere to correct this. Any help as always immensely appreciated!

[NormanRouxel]

Look in layout Responsive CSS around line 739 for:

div[id$="_Table"] {float:left; font-size:1.4em;}

Change it to:

div[id$="_Table"] {float:left; font-size:1.4em; width:100%;}

[Mike Hughes]

The reason some of the lines are wrapping is because they are too long to fit in the available 350 px table width they're sitting in.

The width seems to be coming from this div: <div id="idv_2046_1_Table">

I suspect this is coming from a calculated value but I have no idea where it's set. If you can find it you should be able to increase the width limit.

Mike

[NormanRouxel]

I amended my post above to fix the width on the DIV Mike mentions.

[trickywiki]

This has worked a treat! Thank-you so much it was driving me crazy trying to find where this was happening.