Text wrap problem with subcats in category sidebox

Working on buyhanwei.com, running 1.3.7.1.

Having a minor problem...two of the "Japanese" subcategory names, "Performance Series" and "Tamahagane Steel," are too long and wrap. As you can see, they wrap around to the same alignment as the top level categories. This looks somewhat confusing.

How can I get the second word of these subcats to be aligned with their first word?

I've looked for an answer to this but it seems that everyone has been asking similar - but not the same question. Thanks!

Not an answer to aligning them but try this

admin > config > Layout Settings > Column Width - Left > increase to say 180-200

and then

admin > config > Layout Settings > Column Width - Left Boxes > a like increase as above

Good suggestion, thanks. Fixed the problem. However, I imagine others are running into this, and for those using left and right sideboxes and needing to maximize space in the middle, hopefully there is a fix which will allow for smaller column widths.

I don't think there is an effective dynamic fix, short of revamping tpl_categories.php to use actual <ul> lists. It would be possible to fix in the stylesheet and admin without altering PHP files if you had no more than one level of subcategories.

One thing you can do is distinguish top cats from subcats by font style/size/color, background color, etc.

gjh42:

One thing you can do is distinguish top cats from subcats by font style/size/color, background color, etc.

Another good suggestion, thanks.

I don't plan on having more than one level of subcategories, can you elaborate on your stylesheet fix?

Kobra's solution worked fine for me on this template, but I'm sure others who are using both columns could use the extra room and fix through the stylesheet...

There is a setting in admin > Configuration > Layout Settings > Categories SubCategories Indent with default value of   

This puts two spaces ( ) in front of each subcat name, and is cumulative, i.e. four spaces in front of a sub-subcat. Eliminating one or both of the    will reduce the indent.

You can put the indent back so it applies to wrapped text as well by increasing margin-left or padding-left in the appropriate classes in your stylesheet.```
a.category-subs, a.category-products {
/background-color: #ff69ff;/
/color: #6699aa;/
/margin: 0.2em 0;/
margin-left: 0.2em; /adjust to taste/
/padding: 0.2em 0.3em;/
}

Thanks...this is definitely not going to be my last ZC store and this is a valuable little aesthetic touch.