- <div>
- <button @click="fetchProblems('backward')">Previous</button>
- <button @click="fetchProblems('forward')">Next</button>
- <button @click="showNewproblemModal">New</button>
+ <div class="col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
+ <div id="problemControls" class="button-group">
+ <button aria-label="Load previous problems" class="tooltip"
+ @click="fetchProblems('backward')">
+ <i class="material-icons">skip_previous</i>
+ </button>
+ <button aria-label="Add a problem" class="tooltip"
+ @click="showNewproblemModal">
+ New
+ </button>
+ <button aria-label="Load next problems" class="tooltip"
+ @click="fetchProblems('forward')">
+ <i class="material-icons">skip_next</i>
+ </button>
+ </div>