shopping list ux optimization, left handed mode

vue/src/components/Buttons/CopyToClipboard.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="cursor:pointer">
         <a v-if="!button" class="dropdown-item" @click="clipboard"><i :class="icon"></i> {{ label }}</a>
         <b-button v-if="button" @click="clipboard">{{ label }}</b-button>
     </div>

vue/src/components/Buttons/DownloadCSV.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="cursor:pointer">
         <a v-if="!button" class="dropdown-item" @click="downloadFile"><i :class="icon"></i> {{ label }}</a>
         <b-button v-if="button" @click="downloadFile">{{ label }}</b-button>
     </div>

vue/src/components/Buttons/DownloadPDF.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="cursor:pointer">
         <a v-if="!button" class="dropdown-item" @click="downloadFile"><i :class="icon"></i> {{ label }}</a>
         <b-button v-if="button" @click="downloadFile">{{ label }}</b-button>
     </div>