Input alignment inside item-input


#1

Hi guys!

I am building a multi input form. For example,

  1. date
  2. time
  3. kilometeres
  4. rating (using ionic-ratings)

Now i experience a problem with beautiful align on the right side (vertically it has different offset on the right)

Sorry for stupid CSS question, but i have tried a lot of different methods. This is

    text-align: end;

Here is the source

<div class="row part1">
  <div class="col col-center">
    <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
      <div class="list list-inset">

        <label class="item item-input">
          <span class="input-label">Date</span>
          <input type="date" class="input-align-right test-align" ng-model="workout.workoutDate">
        </label>

        <div class="item item-input">
          <span class="input-label">Satisfaction</span>
          <ionic-ratings class="input-align-right" ratingsobj="satisfactionObject"></ionic-ratings>
        </div>

        <div class="item item-input">
          <span class="input-label">Health</span>
          <ionic-ratings class="input-align-right" ratingsobj="healthObject"></ionic-ratings>
        </div>

          <div ng-repeat="activity in workout.activities">
            <div class="item-accordion">
              <div>
                <label class="item item-input">
                  <span class="input-label">Activity</span>
                </label>            
                <label class="item item-input">
                  <span class="input-label">Duration Plan</span>
                  <input type="time" class="input-align-right" ng-model="activity.durationPlan">
                </label>
                <label class="item item-input">
                  <span class="input-label">Duration Fact</span>
                  <input type="time" class="input-align-right" style="text-align: end" ng-model="activity.durationFact">
                </label>

                <label class="item item-input">
                  <span class="input-label">Value Plan</span>
                  <input type="text" class="input-align-right" ng-model="activity.valuePlan">
                </label>
                <label class="item item-input">
                  <span class="input-label">Value Fact</span>
                  <input type="text" class="input-align-right" ng-model="activity.valueFact">
                </label>     
              </div>          
            </div>
          </div>

        <button class="button button-full button-positive" ng-click="postWorkout(workout)">
          Publish Workout
        </button>

      </div>

    </div>
  </div>
</div>