UX improvements: info alerts as tooltips

Author: avivace

src/components/ActivityEditor.vue

@@ -26,6 +26,15 @@
 							<v-layout row wrap>
 								<!-- Column A -->
 								<v-flex xs12 md6 offset-md3>
+																<p style="text-align: left">
+								<v-alert
+      :value="true"
+      type="info"
+      style="font-size:16px">
+      Qui puoi creare o modificare una attività, definendo come dovrà apparire allo studente che dovrà utilizzarla per scrivere programmi. Ricorda che l'attività andrà poi <b> avviata </b> (Menù Attività -> Apri) per poterne fare effettivamente uso.
+    </v-alert>
+
+							</p>
 									<h3 class="text-xs-left">Dati Attività </h3>
 									<v-card>
 										<v-form class="cardContent">

src/components/ActivityList.vue

@@ -13,8 +13,10 @@
 						<v-flex xs12 md6 offset-md3>
 							<h3 class="text-xs-left">Lista Attività</h3>
 							<p style="text-align: left">
-								Qui puoi avviare un'attività salvata, cliccando sul suo nome.<br>
-								L'icona <v-icon>delete</v-icon> ti permette di eliminarla, mentre cliccando su <v-icon>edit</v-icon> puoi modificarla.
+								<v-alert :value="true" type="info" style="font-size:16px">
+									Qui puoi avviare un'attività salvata, cliccando sul suo nome.<br>
+									L'icona <v-icon class="white--text">delete</v-icon> ti permette di eliminarla, mentre cliccando su <v-icon class="white--text">edit</v-icon> puoi modificarla.
+								</v-alert>
 							</p>
 							<v-card>
 								<v-list>