List with a bigger thumbnail


#1

Hi!

I want to show a list where each row displays a picture and a text description as the Item Thumbnails does:

<ion-list>
    <ion-item 
    	ng-repeat="item in items"
    	href="#/main/news/{{item.id}}"
        ng-class="($even ? 'item-text-wrap item-thumbnail-left' : 'item-text-wrap item-thumbnail-right')">
	<img ng-src="{{item.img}}">
    	<h2 ng-class="item-text-wrap" >{{item.title}}</h2>
    	<p>{{item.date}}</p>
    </ion-item>
</ion-list>

However, the picture should fit the left half row (width=50%) and the text should wrap the other half row. That’s to say, the thumbnail width should be increased till half row.
How can I increase the thumbnail dimensions? Is there a CSS class I can extend to change the thumbnail’s width and height?

Many thanks!!
Sergi