editing navigation bar

I am using the Dixi theme and I am looking to adjust the header. I want to display all pages on one line and for that I want to make the distance smaller of the page links.

I played around with the following code of the global css file, but without success. Any ideas which padding I need to decrease to get the pages to move closer to each out?

.wp-pagenavi {

float: left;

width: 100%;

padding-top: 3px;

padding-bottom: 3px;

}

.pages {

margin-right: 5px;

}

.current {

background: #000000;

padding: 4px 6px;

margin-left: 4px;

color: #FFFFFF;

text-decoration: underline;

border: 1px solid #333333;

}

#content #post-navigator a {

color: #FFFFFF!important;

background: #333333;

padding: 4px 6px;

margin: 0px 0px 0px 3px;

text-decoration: none;

border: 1px solid #000000;