- <div>
- <button @click="fetchProblems('backward')">Previous</button>
- <button @click="fetchProblems('forward')">Next</button>
- <button @click="showNewproblemModal">New</button>
- <my-problem-summary
- v-for="(p,idx) in sortedProblems" v-bind:prob="p" v-bind:key="idx">
+ <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='translate("Load previous problems")' class="tooltip"
+ @click="fetchProblems('backward')">
+ <i class="material-icons">skip_previous</i>
+ </button>
+ <button :aria-label='translate("Add a problem")' class="tooltip"
+ @click="showNewproblemModal">
+ {{ translate("New") }}
+ </button>
+ <button :aria-label='translate("Load next problems")' class="tooltip"
+ @click="fetchProblems('forward')">
+ <i class="material-icons">skip_next</i>
+ </button>
+ </div>
+ <my-problem-summary v-on:show-problem="bubbleUp(p)"
+ v-for="(p,idx) in sortedProblems"
+ v-bind:prob="p" v-bind:preview="false" v-bind:key="idx">