From 0c0395060a7d6c3a2ef8feef79474d9149013e80 Mon Sep 17 00:00:00 2001
From: tmarsha <tmars004@odu.edu>
Date: Thu, 13 Feb 2020 21:04:46 -0500
Subject: [PATCH] fix(webui): make overlay buttons more responsive on smaller
 screens

---
 komga-webui/src/views/BookReader.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/komga-webui/src/views/BookReader.vue b/komga-webui/src/views/BookReader.vue
index bb346f816..3350f377f 100644
--- a/komga-webui/src/views/BookReader.vue
+++ b/komga-webui/src/views/BookReader.vue
@@ -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>