I took a quick look at it with
Firebug, and here are a few options I came up with:
This will display the numbers on the left, with the text/links aligned next to them. Adjusting the width will adjust the size of the gap between the numbers & links, higher % means smaller space between them:
ul li.cat-item a {
width: 92%;
float: right;
margin-top: 8px;
margin-bottom: -8px;
}
This will display the links on the left, with the numbers on the far right. Again, the width % can be adjusted to change the distance, this time smaller is closer:
ul li.cat-item a {
width: 92%;
float: left;
margin-top: 8px;
margin-bottom: -8px;
}
This will put the numbers immediately following the links, with a small gap between them. Adjust the "padding-right" to change the size of the gap:
ul li.cat-item a {
float: left;
margin-top: 8px;
margin-bottom: -8px;
padding-right: 5px;
}
The code above can be added to the end of the style.css for the theme, or pretty much anywhere else in the theme CSS.