From 6991d1adfd9a9659a2b468ff5c90ad11cea9f696 Mon Sep 17 00:00:00 2001
From: Paul Wilde <paul@paulwilde.uk>
Date: Fri, 17 Mar 2023 16:10:37 +0000
Subject: [PATCH] better buttons on med feeds

---
 src/views/medfeeds/MedFeedsList.vue | 36 +++++++++++++++--------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/views/medfeeds/MedFeedsList.vue b/src/views/medfeeds/MedFeedsList.vue
index 0715626..65724c1 100644
--- a/src/views/medfeeds/MedFeedsList.vue
+++ b/src/views/medfeeds/MedFeedsList.vue
@@ -42,23 +42,25 @@
                         Repeat Prescription? : <v-icon v-if="item.repeat">mdi-refresh</v-icon>
                     </v-col>
                     <v-col>
-                        <v-btn>
-                            More
-                            <v-overlay activator="parent" class="align-center justify-center">
-                                <v-container>
-                                    <v-card width="600">
-                                        <v-card-title>Info</v-card-title>
-                                        <v-card-subtitle>Repeat Message</v-card-subtitle>
-                                        <v-card-text>{{ item.repeat_message }}</v-card-text>
-                                        <v-card-actions>
-                                            <v-btn class="mb-2 mr-2" color="blue" @click="reportScriptReq(item)">Script Request</v-btn>
-                                            <v-btn class="mb-2 mr-2" color="blue" @click="reportOrderForm(item)">Order Form</v-btn>
-                                        </v-card-actions>
-                                    </v-card>
-                                </v-container>
-                            </v-overlay>
-                        </v-btn><br/>
-                        <v-btn v-if="site_info.features.editmedfeed" color="warning" @click="editMedFeed(item)">Edit</v-btn>
+                        <div class="d-flex justify-space-around align-center flex-column flex-sm-row fill-height">
+                            <v-btn>
+                                More
+                                <v-overlay activator="parent" class="align-center justify-center">
+                                    <v-container>
+                                        <v-card width="600">
+                                            <v-card-title>Info</v-card-title>
+                                            <v-card-subtitle>Repeat Message</v-card-subtitle>
+                                            <v-card-text>{{ item.repeat_message }}</v-card-text>
+                                            <v-card-actions>
+                                                <v-btn class="mb-2 mr-2" color="blue" @click="reportScriptReq(item)">Script Request</v-btn>
+                                                <v-btn class="mb-2 mr-2" color="blue" @click="reportOrderForm(item)">Order Form</v-btn>
+                                            </v-card-actions>
+                                        </v-card>
+                                    </v-container>
+                                </v-overlay>
+                            </v-btn><br/>
+                            <v-btn v-if="site_info.features.editmedfeed" color="warning" @click="editMedFeed(item)">Edit</v-btn>
+                        </div>
                     </v-col>
                                      </v-row>
                     </RecycleScroller>