el-button按钮大小不一致解决方案

我使用了外部的icon，尽管在el-form设置了 size=mini，但是按钮大小不统一
源代码如下：

<el-form 
              :inline="true" 
              :model="searchForm" 
              class="demo-form-inline" 
              size="small"
              @keyup.enter.native="search">
                  <el-button type="primary" icon="el-icon-plus" @click="add">新增</el-button>
                  <el-button icon="el-icon-search" type="primary" @click="handlerLeave">离职人员查询</el-button>
                  <el-button type="primary" @click="handlerRoleManager"><i class="iconfont icon-ziyuanxhdpi"></i>&nbsp;&nbsp;职位管理</el-button>
                  <!-- <div>
                    重要提示：<br> 
                    &nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red;">新增人员默认密码为123456,请及时修改</span>
                  </div> -->
                </el-form-item>
              </el-form>

显示结果只需要修改 i 标签的 css样式就可以了

// 别忘记scoped，不然其他组件会被污染
<style scoped>
/* 这行代码修改i样式 */
.el-button /deep/ i {
  font-size: 15px;
}
</style>

结果展示