<div class="optionsExercises">
<div>Select Workouts</div>
<ul data-role="listview" id="exercises"></ul>
- <a data-role="button" data-icon="plus" href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a>
+ </div>
+ </div>
+
+ <div data-role="footer" data-position="fixed">
+ <div data-role="tabbar" data-style="tabbar">
+ <ul>
+ <li><a href="#customExercises" id="add_custom_workout_btn">Add Custom Workout</a></li>
+ </ul>
</div>
</div>
<div>Enter workout name:</div>
<input data-role="input" type="text" name="newExercise"
id="newExerciseName" maxlength="20"/>
- <input data-role="button" id="btnNewExercise" data-inline="true" type="button"
- value="add"/>
+ </div>
+ </div>
+
+ <div data-role="footer" data-position="fixed">
+ <div data-role="tabbar" data-style="tabbar">
+ <ul>
+ <li><a href="#" id="btnNewExercise">Add</a></li>
+ </ul>
</div>
</div>