jquery jqgrid-如何在不接触网格线的情况下进行css右/左对齐?

jqgrid为左对齐的单元格输出此HTML-但左对齐太难,接触到网格线:

<td title="P-1" class="grid-text" style="text-align: left; width: 92px;" 
    role="gridcell">some text content</td>

我该怎么做才能让左手边有一点空间呢?

我已经尝试过:

.grid-text {
    text-align: left;
    margin-left: 4px; // padding-left didnt work either
}

但仍然很难向左。

另一方面,右对齐的文本也有同样的问题:难以对正和触摸网格线

<td title="1.37" class="grid-number" style="text-align: right; width: 55px;"
    role="gridcell">1.37</td>

最后,当编辑内联时,输入框也很难向右并接触到行:

<td title="14.00" class="grid-number" style="text-align: right;" role="gridcell">
    <input type="text" style="width: 98%;" maxlength="20" id="2_qty" name="qty" 
           class="editable"></td>

我能做些什么来解决这个问题吗?最好用一点CSS?