Item-note alignment


#1

In the following list example below, is there a way to align the item-note with the input above it? Right now, the note appears right justified before the chevron.

<div class="list list-inset">
      <label class="item item-input">
        <span class="input-label">Address</span>
        <input type="text" placeholder="Current Location">
      </label>
      <a class="item item-icon-right" href="#/tab/category">
        Category
        <span class="item-note">{{selectedCategoryNames}}</span>            
        <i class="icon ion-chevron-right"></i>
      </a>
</div>

#2

Could you put a screenshot?


#3

Sure. Here you go:


#4

Sorry I have been very busy a lot these days.

Change your markup as follows:

<div class="list list-inset">
	<label class="item item-input">
	  <span class="input-label">Address</span>
	  <input type="text" placeholder="Current Location">
	</label>
	<a class="item item-input item-icon-right" href="#/tab/category">
	  <span class="input-label">Category</span>
	  <span class="item-note">{{selectedCategoryNames}}</span>
	  <i class="icon ion-chevron-right"></i>
	</a>
      </div>

#5

Thank you. That did the trick.


#6

This puts the item-note in the middle not aligned to the right (next to the button) any solutions?