Hi guys!
I am building a multi input form. For example,
- date
- time
- kilometeres
- 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>