Side by Side Icons in Card

@DrewClar wrote:

<ion-list>
 <div class="card">
	 <ion-item ng-repeat="bars in barList">
		<a class="item-thumbnail-left ion-icon" href="#/tab/bars" ng-click="selectBar(bars)">
			<img src={{bars.image}} alt="Poster" class="customized-image">
			  <center>
			    <h2>{{bars.name}}</h2>
				<p>{{bars.location}}</p>
			   </center>
				<p class="item-icon-right">
				<i class="icon ion-person-stalker"></i>
				<button>Fish</button>
				</p>
			   </a>
			</ion-item>
		</div>
        </ion-list>

I am trying to align my icon and button both on the right side of the card. The button still defaults to under the icon, and while the icon aligns correctly. Any suggests as to how I can have the button and icon side-by-side on the right side of the card.

Posts: 1

Participants: 1

Read full topic