Attribute layouts IN shopping cart

[aperfecthost]

I have an issue with my shopping cart. I have worked with the css and the tpl_shopping_cart_default.php ...

Here is the problem and what I'd like changed.

When the products and attributes are added to the cart, they are all done so with what appears to be double spaced. I'm attaching a snapshot of the cart.


You can also see it by going to: http://paisleyposey.com/shop/index.p...63afabafb19d6f and adding this arrangement to cart (put something in the attributes!)

I would like to see the attributes laid-out more like the second image I've attached.

Please help if you can. Even if you don't have ALL the answers, pointing me into right direction will help. I've used google chrome and tried to figure it out by using inspect elements, but I'm still stuck.

[aperfecthost]

I added <b> </b>to the option names when entering them and now atleast those show bold.

I would really like help with the alignment and the vertical spacing still.

[aperfecthost]

Okay, figured out a little more. I have the vertical spacing right.

Please help me figure out how to align the attributes of the options in the shopping cart. In other words, how to make the first line of a text field line up with the 2nd, 3rd, 4th.

[aperfecthost]

ok.

If anyone wants to know how to do this, but probably NOT the best way (but gets the job done)... here it is.

to bold the option name, enclose it with <b></b> when creating it.

to put the text of of a TEXT option to not start next to it, but starting on the next line, but a an HTML line break (<br>) when building the option. It will move the customers response to the next line.

also, to make single spacing in your stylesheet, put this:
ul li {line-height:1em;
margin-bottom: 1em
}