ionic2 ion-list太多填充

Question

我的离子列表右侧填充太多。

我能够减少左侧的填充

padding: 0 0 0 0 !important;

但是找不到任何影响右侧的方法。

    <ion-list class="wrapping-list">
    <ion-item *ngFor="let listItem of list; let i = index" no-padding row-no-padding (click)="seeListItem(i)" (long-press)="longPressListItem(i)" (swipe-left)="swipeLeftItem(i)">
        <ion-avatar item-left>
            <img width="30px" height="30px" src="{{listItem.thumbnail}}" />
        </ion-avatar>
        <h2>{{ listItem.name }} </h2>
        <p>{{ listItem.summary }} </p>
    </ion-item>
</ion-list>

以下是我尝试使用CSS的所有内容：

.wrapping-list .item-content, .wrapping-list .item {
overflow: initial;
white-space: initial;

padding: 0 0 0 0 !important;
}

.no-padding {
    padding: 0 0 0 0 !important;
}

.item-complex .item-content {
  padding: 0 0 0 0 !important;
}

.item-right
{
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

其他格式问题：

1. 如何摆脱物品之间的界限？
2. 为什么这条线只在文字下而不是图片？
3. 如何使第二行文本（灰色文本）包裹两行？

Answer 1

要使其正常工作，我必须将其添加到app.scss：

.item-md.item-block .item-inner {
    padding: 0 0 0 0 !important;
}

.label-md {
    margin: 6px 8px 0px 0;
}

并为其中的页面创建一个自定义css文件：

.item-md [item-left] {
  margin: 0px 0px 0px 4;
}

.item-md [item-right] {
  margin: 0px 0px 0px 0;
}

当我将app.scss中的内容移动到另一个css文件时，由于某种原因它无效。