ionic2イオンリストがあまりにも多くパッティング

Question

私のイオンリストの右側に余分なパディングがあります。

私は

padding: 0 0 0 0 !important; 

で左側にパディングを減少させることができましたが、右サイドに影響を与えるどのような方法を見つけることができません。

.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. ここ

   <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で試したすべてのものでしょうか？

2. なぜテキストは画像の下にあるのですか？
3. 2行目のテキスト（灰色のテキスト）を折り返して2行にするにはどうすればよいですか？

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; 
} 

I app.scssの内容を何らかの理由で動作しなかった他のCSSファイルに移動しました。