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;