The CSS must have some default padding / margins in it, but I can't see where to change it.
I've tried to change the default.css file at the docContainer ID (#docContainer), but it doesn't seem to affect the form any after I make the change and save the default.css file.
Here's what I have in there now
* Theme CSS *//* This rule will applied to the form container */
#docContainer {
margin: 5px 5px 5px 5px;
padding:0px 0px 0px 0px;
width: 700px;
font-family: Helvetica, Arial, Sans-serif;
font-size:13px;
color: #333;
background-color: rgb(246,246,246);
border: 1px solid rgb(193,193,193);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
Notice that even though I have a padding of 5px and a width of 700 px, in the designer, it still shows the wide margins/padding on each side and is only 630 px in width.
How can I change this so it works on the form?
What I want to accomplish is to have less space on the right and left sides of the form so I can fit the 3 scoring columns in it AND keep the form total width a little smaller as well. I don't like all that wasted space on the right and left sides.
Thanks
