- Invio RIS migliorata grafica e aggiunto tastierino numerico.

src/components/CMyRecCard/CMyRecCard.scss

@@ -17,12 +17,23 @@
 }
 
 
-.cardrec{
+
+.cardrec {
+  /* Aggiungi un bordo sottile */
+  border: 1px solid #ddd;
+  /* Applica un'ombreggiatura per dare l'effetto di elevazione */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  /* Arrotonda leggermente gli angoli */
+  border-radius: 8px;
+  /* Aggiungi un po' di spazio interno intorno ai contenuti */
+  padding: 16px;
+  /* Colore di sfondo bianco per separare dal resto del contenuto */
+  background-color: #eff;
+
   @media (min-width: 500px) {
     margin: 1px;
     padding: 4px;
   }
-
 }
 
 .text_title{
@@ -31,3 +42,8 @@
     color: white;
   }
 }
+
+.event_date{
+  font-style: italic;
+  font-size: 0.85rem;
+}

src/components/CMyRecCard/CMyRecCard.vue

@@ -21,9 +21,12 @@
             <span class="ev_day">{{
               tools.getstrDay(myrec.dateTimeStart)
             }}</span>
+            <span class="ev_month">{{
+              tools.getstrMonth3Letters(myrec.dateTimeStart)
+            }}</span>
           </div>
         </div>
-        <div class="col-10">
+        <div class="col-10">          
           <q-img
             :src="
               tools.getFullFileName(myrec.photos, table, myrec.username, '')
@@ -34,8 +37,8 @@
             fit="contain"
             @click="cmdExt(costanti.CMD_SHOW_PAGE, null, myrec)"
           />
-          <div>
-            {{ tools.getstrDateTimeEvent($t, myrec, false) }}
+          <div class="event_date">
+            <span v-html="tools.getstrDateTimeEvent($t, myrec, true, true)"></span>
           </div>
         </div>
       </div>