fix(webui): make overlay buttons more responsive on smaller screens

This commit is contained in:
tmarsha 2020-02-13 21:04:46 -05:00
parent 8f08ce82e1
commit 0c0395060a

View file

@ -156,7 +156,7 @@
<!-- Menu: fit buttons -->
<v-row justify="center">
<v-col cols="auto">
<v-btn-toggle v-model="fitButtons" dense mandatory active-class="primary">
<v-btn-toggle v-model="fitButtons" dense mandatory active-class="primary" class="flex-column flex-md-row">
<v-btn @click="setFit(ImageFit.WIDTH)">
Fit to width
</v-btn>
@ -175,7 +175,7 @@
<!-- Menu: RTL buttons -->
<v-row justify="center">
<v-col cols="auto">
<v-btn-toggle v-model="rtlButtons" dense mandatory active-class="primary">
<v-btn-toggle v-model="rtlButtons" dense mandatory active-class="primary" class="flex-column flex-md-row">
<v-btn @click="setRtl(false)">
Left to right
</v-btn>
@ -190,7 +190,7 @@
<!-- Menu: double pages buttons -->
<v-row justify="center">
<v-col cols="auto">
<v-btn-toggle v-model="doublePagesButtons" dense mandatory active-class="primary">
<v-btn-toggle v-model="doublePagesButtons" dense mandatory active-class="primary" class="flex-column flex-md-row">
<v-btn @click="setDoublePages(false)">
Single page
</v-btn>