Book form: make buttons work on mobile view

front/src/BigIcon.vue

@@ -35,7 +35,7 @@ onUnmounted(() => {
 <template>
   <div
     class="bigiconandlegend"
-    :class="props.isReadonly ? '' : 'showcanclick'"
+    :class="props.isReadonly ? 'widget-readonly' : 'showcanclick'"
     @mouseover="hovered = true"
     @mouseout="hovered = false"
   >
@@ -79,6 +79,10 @@ onUnmounted(() => {
   padding-bottom: 30px;
 }
 
+.widget-readonly {
+  opacity: 50%;
+}
+
 @media (max-width: 1024px) {
   .bigicon {
     flex: 1;