如何在ng网格内的引导按钮周围获得som空间

我有一个带有一些引导按钮的ng网格。

var activetemplate = '<div class="ngCellText" ng-cell-text ng-class="col.colIndex()"><span ng-class="getClass(row.entity.active)"></span> </div>'
var buttontemplate = '<div class="ngCellText" ng-cell-text ng-class="col.colIndex()"><button class="btn btn-warning btn-sm" ng-click="edit(row.entity.name)"><span class="glyphicon glyphicon-pencil">Edit</span></button></div>';
var buttontemplate2 = '<div><button class="btn btn-warning btn-sm" ng-click="edit(row.entity.name)"><span class="glyphicon glyphicon-pencil">Edit</span></button></div>';

$scope.gridOptions = { 
    data: 'myData',
    columnDefs: [{field: 'name', displayName: 'Name'},
                 {field:'age', displayName:'Age', cellTemplate: activetemplate},
                 {displayName:'Edit', cellTemplate: buttontemplate},
                 {displayName:'Edit', cellTemplate: buttontemplate2}
                 ]
    };

正如你在这里看到的 PLUNK 最右边一列的按钮实际上是相互接触的,我希望它们之间有一些空间。

我已经尝试更改填充,并尝试了一些类,如您可以在左侧的按钮列中看到的。但我做不到。