Make read button work

front/src/BigIcon.vue

@@ -3,19 +3,20 @@
 
   const props = defineProps({
   icon: String,
-  legend: String
+  legend: String,
+  isSet: Boolean
 });
 
   const hovered = ref(false)
 
-  const computedIcon = computed(() => props.icon + (hovered.value ? "Fill" : ""));
+  const computedIcon = computed(() => props.icon + (hovered.value || props.isSet ? "Fill" : ""));
+
 </script>
 
 <template>
   <div class="bigiconandlegend"
        @mouseover="hovered = true"
-       @mouseout="hovered = false"
-       >
+       @mouseout="hovered = false">
     <span class="bigicon" :title="props.legend">
       <component :is="computedIcon"></component>
     </span>
@@ -31,7 +32,7 @@
 }
 
 .bigiconandlegend:hover {
-  transform: scale(1.01);
+  transform: scale(1.03);
   transition: ease-in-out 0.02s;
   background-color: bulma-primary;
   cursor: pointer;