Collection form: small tweaks for mobile view

front/src/CollectionFormElement.vue

@@ -58,7 +58,6 @@ function onPointerMove(e) {
   if (initialGrabPosition.value == null) {
     return
   }
-  e.preventDefault()
   draggedPosition.value = e.pageY - initialGrabPosition.value
   emit('grabbing', draggedPosition.value)
 }
@@ -75,13 +74,13 @@ function onPointerMove(e) {
       "
       ref="collectionitembox"
       class="collectionitembox"
-      @pointermove="onPointerMove"
+      @pointermove.prevent="onPointerMove"
       @pointerup="onPointerUp"
       @pointerleave="clearGrabVariables"
     >
       <BookListElement v-bind="props.book">
         <template v-slot:left>
-          <div class="is-hidden-desktop align-right">
+          <div class="is-hidden-desktop mobile-delete">
             <div @click="$emit('delete')" class="centered closebtn clickable">
               <b-icon-x />
             </div>
@@ -182,14 +181,16 @@ function onPointerMove(e) {
   font-size: 36px;
 }
 
-.align-right {
+.mobile-delete {
   display: flex;
   justify-content: flex-end;
+  height: 10px;
 }
 
 @media (max-width: 1024px) {
   .positionwidget {
     margin-bottom: 10px;
+    margin-left: 0px;
   }
 }
 </style>

front/src/CollectionListElement.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { getImagePathOrDefault } from './api.js'
-import { useTemplateRef, onMounted } from 'vue'
+import { useTemplateRef } from 'vue'
 import { useRouter } from 'vue-router'
 
 const emit = defineEmits(['delete'])