On the manual it has the example for price matrix going horizontal. But on my website it's vertical and takes up a lot of space. Is there an option to change it? Or where is the coding that controls it?
css or html page

To change matrix price from vertical to horizontal you need to update matrix styles for appropriate design and below one example how you can do it.
 
.matrix {margin: 10px 0px;}
.matrixQty { border-top: 1px solid #D2D2D2; float: left;}
.matrixPrice { clear: both;}
.matrixTitle { width: 50px; background: #E1E1E1; border-bottom: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; font-weight: bold; padding: 3px 6px; text-align: center; float: left; }
.matrixItem { width: 50px; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; padding: 3px 6px; text-align: center; float: left; }

Thank you
it was driving me crazy. wish I knew css better