The pager is impossible to manage, want 1 .. 2 .. 3 instead of 1 ..... 2 ...... 3

The default drigg theme is very nice
but the pager is almost impossible to manage.

It splays out the page numbers with wide spaces
between them like 1 ............ 2 ............. 3 ....................4 ..................5
With fixed width design
this gets broken or difficult to contain within the width.
The default garland has something like 1...2...3....4....5
which is much narrower and easy to manage.

Despite trying for 1 week I am unable to
get the Garland-type pager.

The relevant code areas is system css
are

.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.5em;
}
.pager-current {
  font-weight:bold;
}

While in drigg the relevant css is

/* Pager */
#content_center div.pager {
  clear: both;
  padding: 0 20px;
  margin-top: 15px;
}
#content_center div.pager a {
  border: 1px solid #ccc;
  padding: 0.1em 0.5em;
  margin: 0 1px;
  color: #666;
}
#content_center div.pager strong {
  border: 1px solid #ddd;
  padding: 0.1em 0.5em;
  margin: 0 1px;
  color: #333;
  background-color: #f3f9fc;
}

which does not work at all.

Any help please.