From b4eda0971cd6d2196b3e837c3cff8d120198e5a5 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 21 Sep 2021 17:26:41 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt                           | 4 ++++
 ayanova/src/components/attachment-control.vue      | 2 +-
 ayanova/src/components/report-selector-control.vue | 2 +-
 ayanova/src/views/home-schedule.vue                | 6 ++++--
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 5daf4475..5577c358 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -191,6 +191,10 @@ todo:3 link back to list from single edit form
 	not sure about that, maybe in wide mode it could surface that from menu but in 
 	narrow mode no shortcut because they could use the nav menu anyway and because fuck em, that's why :)
 
+todo: 3 use <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer> technique for any dialogs where small mobile view hides far right button
+	see home-schedule more info dialog for more info :)
+	This really means search for all the <v-spacer uses in client code and test that particular one in mobile and see if it's right side buttons are cut off or not
+	(can just test in 360px max in dev laptop)
 
 - 3: tag cloud feature exposed to UI somewhere?
 
diff --git a/ayanova/src/components/attachment-control.vue b/ayanova/src/components/attachment-control.vue
index 67e94fd7..c59a83f9 100644
--- a/ayanova/src/components/attachment-control.vue
+++ b/ayanova/src/components/attachment-control.vue
@@ -147,7 +147,7 @@
                 <v-btn @click="remove()" text>
                   {{ $ay.t("Delete") }}
                 </v-btn>
-                <v-spacer></v-spacer>
+                <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
                 <v-btn text @click="editMenu = false">{{
                   $ay.t("Cancel")
                 }}</v-btn>
diff --git a/ayanova/src/components/report-selector-control.vue b/ayanova/src/components/report-selector-control.vue
index 73892e66..416727f0 100644
--- a/ayanova/src/components/report-selector-control.vue
+++ b/ayanova/src/components/report-selector-control.vue
@@ -44,7 +44,7 @@
               data-cy="reportselector:ok"
               >{{ $ay.t("New") }}</v-btn
             >
-            <v-spacer></v-spacer>
+            <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
             <v-btn
               color="primary"
               text
diff --git a/ayanova/src/views/home-schedule.vue b/ayanova/src/views/home-schedule.vue
index fed855a7..f50cf7c1 100644
--- a/ayanova/src/views/home-schedule.vue
+++ b/ayanova/src/views/home-schedule.vue
@@ -315,7 +315,9 @@
             <v-btn color="primary" text @click="openScheduledItem()">{{
               $ay.t("Open")
             }}</v-btn>
-            <v-spacer></v-spacer>
+
+            <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
+
             <v-btn color="primary" text @click="moreInfoDialog = false">
               {{ $ay.t("Close") }}
             </v-btn>
@@ -335,7 +337,7 @@
               <v-btn text @click="settingsDialog = false" color="primary">{{
                 $ay.t("Cancel")
               }}</v-btn>
-              <v-spacer></v-spacer>
+              <v-spacer v-if="!$vuetify.breakpoint.xs"></v-spacer>
               <v-btn
                 color="primary"
                 text