diff --git a/cypress/e2e/100_home.cy.js b/cypress/e2e/100_home.cy.js
index 1cd6c48..cb186cc 100644
--- a/cypress/e2e/100_home.cy.js
+++ b/cypress/e2e/100_home.cy.js
@@ -20,20 +20,12 @@ describe('load homepage', () => {
     cy.get('a[href*="/gallery"]').should('exist')
     cy.get('a[href*="/settings"]').should('exist')
   })
-  /*
+  
   it('checks home page links', () => {
     cy.visit('http://localhost:8080')
-    cy.get('a.v-btn[href*="/program"]').click()
-    cy.url().should('include', '/program')
-    cy.visit('http://localhost:8080')
-    cy.get('a.v-btn[href*="/docs"]').invoke('removeAttr', 'target').click()
-    cy.url().should('include', '/docs')
-    cy.visit('http://localhost:8080')
-    cy.get('a.v-btn[href*="/control"]').click()
-    cy.url().should('include', '/control')
-    cy.visit('http://localhost:8080')
-    cy.get('a.v-btn[href*="/settings"]').click()
-    cy.url().should('include', '/settings')
+    cy.get('a.v-btn[href*="/program"]').should('exist')
+    cy.get('a.v-btn[href*="/docs"]').should('exist')
+    cy.get('a.v-btn[href*="/control"]').should('exist')
+    cy.get('a.v-btn[href*="/settings"]').should('exist')
   })
-  */
 })
\ No newline at end of file
diff --git a/cypress/e2e/500_control.cy.js b/cypress/e2e/500_control.cy.js
index 4fe506e..c79b705 100644
--- a/cypress/e2e/500_control.cy.js
+++ b/cypress/e2e/500_control.cy.js
@@ -1,4 +1,4 @@
-describe('load homepage', () => {
+describe('load control page, verify stream is there', () => {
   it('checks sidebar contents', () => {
     cy.visit('http://localhost:8080')
     cy.get('.v-carousel').should('exist')
@@ -7,15 +7,55 @@ describe('load homepage', () => {
     cy.get('img[src*="video/stream"]').should('exist')
   })
 
-  it('takes picture', () => {
+  it('move', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.up').click()
+    cy.get('button.left').click()
+    cy.get('button.right').click()
+    cy.get('button.down').click()
   })
 
-  it('say a phrase', () => {
+  it('takes a picture', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.photo').click()
   })
 
   it('record a video', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.video').click()
+    cy.get('button.video').click()
+  })
+
+  it('say a phrase', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.speak').click()
+    cy.get('#control_text_to_speech').clear().type('hello world!')
+    cy.get('#dialog_control_speak_title').find('button.ok').click()
   })
 
   it('opens gallery', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('a.gallery').click()
+    cy.url().should('include', '/gallery')
   })
 })
\ No newline at end of file
diff --git a/cypress/e2e/600_gallery.cy.js b/cypress/e2e/600_gallery.cy.js
index d3b828a..b5209f6 100644
--- a/cypress/e2e/600_gallery.cy.js
+++ b/cypress/e2e/600_gallery.cy.js
@@ -8,15 +8,47 @@ describe('load homepage', () => {
     cy.get('h3').should('exist')
   })
 
-  it('checks photo exists, sees details', () => {
-  })
-
-  it('checks video exists, plays it', () => {
-  })
-
-  it('deletes existing photo', () => {
+  it('takes a picture, verify gallery and details, delete', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.photo').click()
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="gallery"]').click()
+    cy.get('#app').click()
+    cy.get('.gallery').contains('DSC1').should('exist')
+    cy.get('.v-main').contains('DSC1').click()
+    cy.get('.v-card-title.details').contains('DSC1').should('exist')
+    cy.get('.v-card-title.details').contains('DSC1').parents('.v-card').find('button.ok').click()
+    cy.get('.v-main').contains('DSC1').parents('.v-card').find('.mdi-delete').click()
+    cy.get('#gallery_photo_confirm_card').find('.ok').click()
   })
 
-  it('deletes existing vide', () => {
+  it('takes a video, deletes is', () => {
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="control"]').click()
+    cy.get('#app').click()
+    cy.get('button.video').click()
+    cy.wait(1000)
+    cy.get('button.video').click()
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()  
+    cy.get('a.v-list-item[href*="gallery"]').click()
+    cy.get('#app').click()
+    /*
+    cy.get('.gallery').contains('VID1').should('exist')
+    cy.get('.v-main').contains('VID1').click()
+    cy.get('.v-card-title.details').contains('VID1').should('exist')
+    cy.get('.v-card-title.details').contains('VID1').parents('.v-card').find('button.ok').click()
+    cy.get('.v-main').contains('VID1').parents('.v-card').find('.mdi-delete').click()
+    cy.get('#gallery_photo_confirm_card').find('.ok').click()
+    */
   })
 })
\ No newline at end of file
diff --git a/cypress/e2e/700_settings.cy.js b/cypress/e2e/700_settings.cy.js
index 3b63e50..aa0bd87 100644
--- a/cypress/e2e/700_settings.cy.js
+++ b/cypress/e2e/700_settings.cy.js
@@ -50,11 +50,78 @@ describe('load homepage', () => {
     cy.get('#settings_password').clear()
     cy.get('#save').click()
   })
-  /*
+
   it('modifies most settings, valid values, save', () => {
+    cy.intercept('http://localhost:5000/wifi/v1/connection_status', (req) => {
+      req.reply({"wifi": false, "internet": true})
+    })
+    cy.intercept('http://localhost:5000/wifi/v1/list_access_points', (req) => {
+      req.reply({"ssids": [{"ssid": "wifi-home", "conn_type": "WPA2", "strength": 99}]})
+    })
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()
+    cy.get('a.v-list-item[href*="/settings"]').click()
+    cy.get('#app').click()
+    cy.get('button#1').click()
+    cy.get('input#settings_movement_control_forward_speed').clear().type('90')
+    cy.get('input#settings_movement_control_forward_elapse').clear().type('1')
+    cy.get('input#settings_movement_control_turn_speed').clear().type('90')
+    cy.get('input#settings_movement_control_turn_elapse').clear().type('1')
+    cy.get('input#settings_movement_program_forward_speed').clear().type('90')
+    cy.get('input#settings_movement_program_forward_elapse').clear().type('1')
+    cy.get('input#settings_movement_program_turn_speed').clear().type('90')
+    cy.get('input#settings_movement_program_turn_elapse').clear().type('1')
+    cy.get('#save').click()
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()
+    cy.get('a.v-list-item[href*="/settings"]').click()
+    cy.get('#app').click()
+    cy.get('button#1').click()
+    cy.get('input#settings_movement_control_forward_speed').should('have.value', '90')
+    cy.get('input#settings_movement_control_forward_elapse').should('have.value', '1')
+    cy.get('input#settings_movement_control_turn_speed').should('have.value', '90')
+    cy.get('input#settings_movement_control_turn_elapse').should('have.value', '1')
+    cy.get('input#settings_movement_program_forward_speed').should('have.value', '90')
+    cy.get('input#settings_movement_program_forward_elapse').should('have.value', '1')
+    cy.get('input#settings_movement_program_turn_speed').should('have.value', '90')
+    cy.get('input#settings_movement_program_turn_elapse').should('have.value', '1')
   })
 
   it('modifies most settings, invalid values, verify error message', () => {
+    cy.intercept('http://localhost:5000/wifi/v1/connection_status', (req) => {
+      req.reply({"wifi": false, "internet": true})
+    })
+    cy.intercept('http://localhost:5000/wifi/v1/list_access_points', (req) => {
+      req.reply({"ssids": [{"ssid": "wifi-home", "conn_type": "WPA2", "strength": 99}]})
+    })
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()
+    cy.get('a.v-list-item[href*="/settings"]').click()
+    cy.get('#app').click()
+    cy.get('button#1').click()
+    cy.get('input#settings_movement_control_forward_speed').clear().type('1000')
+    cy.get('input#settings_movement_control_forward_speed').parents('.v-input').find('.v-messages')
+  })
+
+  it('modifies some settings, leave page whithout saving, verify "dirty" message', () => {
+    cy.intercept('http://localhost:5000/wifi/v1/connection_status', (req) => {
+      req.reply({"wifi": false, "internet": true})
+    })
+    cy.intercept('http://localhost:5000/wifi/v1/list_access_points', (req) => {
+      req.reply({"ssids": [{"ssid": "wifi-home", "conn_type": "WPA2", "strength": 99}]})
+    })
+    cy.visit('http://localhost:8080')
+    cy.get('.v-carousel').should('exist')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()
+    cy.get('a.v-list-item[href*="/settings"]').click()
+    cy.get('#app').click()
+    cy.get('button#1').click()
+    cy.get('input#settings_movement_control_forward_speed').clear().type('99')
+    cy.get('button.v-app-bar-nav-icon').should('exist').click()
+    cy.get('a.v-list-item[href*="/control"]').click()
+    cy.get('#confirm_exit_dialog').should('exist')
   })
-  */
 })
\ No newline at end of file
diff --git a/src/common/coderbot.js b/src/common/coderbot.js
index 1e3eaa1..f41ebbe 100644
--- a/src/common/coderbot.js
+++ b/src/common/coderbot.js
@@ -246,20 +246,24 @@ class CoderBot {
     return this.$axios.post(`${this.CB}/system/halt`);
   }
 
-  getInfoAndStatus() {
+  getStatus() {
     const p1 = this.$axios.get(`${this.CB}/system/status`)
       .then((response) => {
         this.$store.commit('setStatus', response.data);
       }).catch((error) => {
         this.$store.commit('setStatus', null);
       });
+    return Promise.all([p1]);
+  }
+
+  getInfo() {
     const p2 = this.$axios.get(`${this.CB}/system/info`)
       .then((response) => {
         this.$store.commit('setInfo', response.data);
       }).catch(error => {
         this.$store.commit('setInfo', null);
       });
-    return Promise.all([p1, p2]);
+    return Promise.all([p2]);
   }
 
   deleteMusicPackage(pkgNameID) {
@@ -399,15 +403,15 @@ class CoderBot {
     return `${this.CB}/video/stream`;
   }
 
-  getPhotos() {
+  getMediaList() {
     return this.$axios.get(`${this.CB}/media`);
   }
 
-  deletePhoto(name) {
+  deleteMedia(name) {
     return this.$axios.delete(`${this.CB}/media/${name}`);
   }
 
-  getPhotoURL(name) {
+  getMediaURL(name) {
     return `${this.CB}/media/${name}`;
   }
 
diff --git a/src/components/BlocklyWorkspace.vue b/src/components/BlocklyWorkspace.vue
index ffe19ca..5fe6684 100644
--- a/src/components/BlocklyWorkspace.vue
+++ b/src/components/BlocklyWorkspace.vue
@@ -105,10 +105,12 @@ export default {
           maxBlocks: settings.maxBlocks,
           zoom: {
             controls: true,
-            wheel: false,
+            wheel: true,
             startScale: 1.0,
-            maxScale: 1.5,
-            minScale: 0.2,
+            maxScale: 3,
+            minScale: 0.3,
+            scaleSpeed: 1.2,
+            pinch: true
           },
         },
       );
diff --git a/src/components/Control.vue b/src/components/Control.vue
index b861a65..1592178 100644
--- a/src/components/Control.vue
+++ b/src/components/Control.vue
@@ -15,7 +15,7 @@
             <v-container class="d-flex align-center flex-column">
               <v-row>
                 <v-col class="d-flex align-center flex-column">
-                  <v-btn color="indigo" class="white--text jp-btn" v-on:mousedown="move(0)"
+                  <v-btn color="indigo" class="white--text jp-btn up" v-on:mousedown="move(0)"
                     v-on:mouseup="stop()">
                     <v-icon icon="mdi-arrow-up"></v-icon>
                   </v-btn>
@@ -23,13 +23,13 @@
               </v-row>
               <v-row>
                 <v-col>
-                  <v-btn color="indigo" class="white--text jp-btn" v-on:mousedown="move(1)"
+                  <v-btn color="indigo" class="white--text jp-btn left" v-on:mousedown="move(1)"
                     v-on:mouseup="stop()">
                     <v-icon icon="mdi-arrow-left"></v-icon>
                   </v-btn>
                 </v-col>
                 <v-col>
-                  <v-btn large color="indigo" class="white--text jp-btn" v-on:mousedown="move(2)"
+                  <v-btn large color="indigo" class="white--text jp-btn right" v-on:mousedown="move(2)"
                     v-on:mouseup="stop()">
                     <v-icon icon="mdi-arrow-right"></v-icon>
                   </v-btn>
@@ -37,7 +37,7 @@
               </v-row>
               <v-row>
                 <v-col>
-                  <v-btn color="indigo" class="white--text jp-btn" v-on:mousedown="move(3)"
+                  <v-btn color="indigo" class="white--text jp-btn down" v-on:mousedown="move(3)"
                     v-on:mouseup="stop()">
                     <v-icon icon="mdi-arrow-down"></v-icon>
                   </v-btn>
@@ -50,7 +50,7 @@
               </v-row>
               <v-row>
                 <v-col>
-                  <v-btn color="indigo" v-on:click="ttsdialog = true" class="controlBtn"
+                  <v-btn color="indigo" v-on:click="ttsdialog = true" class="controlBtn speak"
                     :disabled="!ttsBtnEnabled">
                     {{ $t("message.control_speak") }}
                     <v-icon icon="mdi-bullhorn-variant"></v-icon>
@@ -59,7 +59,7 @@
               </v-row>
               <v-row>
                 <v-col class="d-flex align-center flex-column">
-                  <v-btn color="indigo" class="controlBtn" v-on:click="takePhoto()"
+                  <v-btn color="indigo" class="controlBtn photo" v-on:click="takePhoto()"
                     :disabled="!photoBtnEnabled">
                     {{ $t("message.control_photo_take") }}
                     <v-icon icon="mdi-camera"></v-icon>
@@ -68,7 +68,7 @@
               </v-row>
               <v-row>
                 <v-col class="d-flex align-center flex-column">
-                  <v-btn color="indigo" class="controlBtn" v-on:click="videoHandler()"
+                  <v-btn color="indigo" class="controlBtn video" v-on:click="videoHandler()"
                     :disabled="!videoBtn.enabled">
                     {{ videoBtn.text }}
                     <v-icon dark>mdi-{{ videoBtn.icon }}</v-icon>
@@ -77,7 +77,7 @@
               </v-row>
               <v-row>
                 <v-col class="d-flex align-center flex-column">
-                  <v-btn color="indigo" class="controlBtn" to="/gallery">
+                  <v-btn color="indigo" class="controlBtn gallery" to="/gallery">
                     {{ $t("message.control_photo_gallery") }}
                     <v-icon icon="mdi-image-multiple"></v-icon>
                   </v-btn>
@@ -94,18 +94,18 @@
         {{ $t("message.close") }}
       </v-btn>
     </v-snackbar>
-    <v-dialog v-model="ttsdialog" width="600px">
+    <v-dialog v-model="ttsdialog" width="600px" id="dialog_control_speak_title">
       <v-card>
         <v-card-title>
-          <span class="headline">{{ $t("message.gallery_empty") }}</span>
+          <span class="headline">{{ $t("message.control_speak_title") }}</span>
         </v-card-title>
         <v-card-text>
-          <v-text-field v-model="ttstext" v-bind:label="$t('message.control_text_to_speech')" solo></v-text-field>
+          <v-text-field v-model="ttstext" v-bind:label="$t('message.control_text_to_speech')" solo id="control_text_to_speech"></v-text-field>
         </v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn color="gray darken-1" text="text" @click="ttsdialog=false">{{ $t("message.cancel") }}</v-btn>
-          <v-btn color="green darken-1" text="text" @click="say()">{{ $t("message.control_speak") }}</v-btn>
+          <v-btn color="green darken-1 ok" text="text" @click="say()">{{ $t("message.control_speak") }}</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
diff --git a/src/components/Gallery.vue b/src/components/Gallery.vue
index 0a64ba3..d931c12 100644
--- a/src/components/Gallery.vue
+++ b/src/components/Gallery.vue
@@ -14,7 +14,7 @@
               <h3>{{ $t("message.gallery_empty") }}</h3>
             </template>
             <template v-else>
-              <v-container grid-list-sm fluid>
+              <v-container grid-list-sm fluid class="gallery">
                 <v-layout row wrap>
                   <v-col v-for="n in photos.length" :key="n" xs3 d-flex>
                     <v-card
@@ -22,14 +22,14 @@
                       max-width="256"
                       >
                       <a class="text-decoration-none" @click="photo=photos[n-1]; gallery_detail=true">
-                      <v-img v-if="photos[n-1].type=='jpg'" :src="getPhotoURL(photos[n-1].thumbName)" class="grey lighten-2">
+                      <v-img v-if="photos[n-1].type=='jpg'" :src="getMediaURL(photos[n-1].thumbName)" class="grey lighten-2">
                         <template v-slot:placeholder>
                         <v-row class="fill-height ma-0" align="center" justify="center">
                           <v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
                         </v-row>
                         </template>
                       </v-img>
-                      <v-img v-else-if="photos[n-1].type=='mp4'" :src="getPhotoURL(photos[n-1].thumbName)" class="grey lighten-2">
+                      <v-img v-else-if="photos[n-1].type=='mp4'" :src="getMediaURL(photos[n-1].thumbName)" class="grey lighten-2">
                         <template v-slot:placeholder>
                         <v-row class="fill-height ma-0" align="center" justify="center">
                           <v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
@@ -52,18 +52,18 @@
               </v-container>
               <v-dialog v-model="gallery_detail">
                 <v-card class="mx-auto my-12" style="width: 640px;">
-                  <v-card-title class="text-h5 grey lighten-2">
+                  <v-card-title class="text-h5 grey lighten-2 details">
                     {{ photo.name }}
                   </v-card-title>
                   <v-card-text>
-                  <v-img v-if="photo.type=='jpg'" height="100%" :src="getPhotoURL(photo.fileName)" class="grey lighten-2" ref="photo" @click="getPixelColor">
+                  <v-img v-if="photo.type=='jpg'" height="100%" :src="getMediaURL(photo.fileName)" class="grey lighten-2" ref="photo" @click="getPixelColor">
                   <template v-slot:placeholder>
                     <v-row class="fill-height ma-0" align="center" justify="center">
                       <v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
                     </v-row>
                     </template>
                   </v-img>
-                  <video v-else-if="photo.type=='mp4'" controls autoplay :src="getPhotoURL(photo.fileName)"/>
+                  <video v-else-if="photo.type=='mp4'" controls autoplay :src="getMediaURL(photo.fileName)"/>
                   </v-card-text>
                   <v-card-actions>
                     <v-btn-toggle
@@ -79,6 +79,7 @@
                     <v-btn
                       color="primary"
                       text
+                      class="ok"
                       @click="gallery_detail = false"
                     >
                       {{ $t("message.close") }}
@@ -95,7 +96,7 @@
                 persistent
                 max-width="290"
               >
-                <v-card>
+                <v-card id="gallery_photo_confirm_card">
                   <v-card-title class="text-h5">
                     {{ $t("message.gallery_photo_confirm_title") }}
                   </v-card-title>
@@ -112,7 +113,8 @@
                     <v-btn
                       color="green darken-1"
                       text
-                      @click="confirmDeleteDlg = false; deletePhoto(photo.fileName)"
+                      class="ok"
+                      @click="confirmDeleteDlg = false; deleteMedia(photo.fileName)"
                     >
                       {{ $t("message.ok") }}
                     </v-btn>
@@ -136,12 +138,12 @@ export default {
   },
   name: 'Gallery',
   mounted() {
-    this.getPhotos();
+    this.getMediaList();
   },
   methods: {
-    getPhotos() {
+    getMediaList() {
       this.photos = [];
-      this.$coderbot.getPhotos()
+      this.$coderbot.getMediaList()
         .then((response) => {
           response.data.forEach((element) => {
             this.photos.push(
@@ -156,13 +158,13 @@ export default {
           this.photo = {};
         });
     },
-    getPhotoURL(name) {
-      return this.$coderbot.getPhotoURL(name);
+    getMediaURL(name) {
+      return this.$coderbot.getMediaURL(name);
     },
-    deletePhoto(name) {
-      this.$coderbot.deletePhoto(name)
+    deleteMedia(name) {
+      this.$coderbot.deleteMedia(name)
         .then(() => {
-          this.getPhotos();
+          this.getMediaList();
         });
     },
     toggleSidebar() {
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
index e5348ae..0cb6678 100644
--- a/src/components/Settings.vue
+++ b/src/components/Settings.vue
@@ -50,7 +50,7 @@
                       <v-dialog v-model="dialog_shutdown" width="500">
                           <v-card>
                             <v-card-title class="headline grey lighten-2" primary-title>
-                              <h3>CoderBot - {{ $t('message.settings_actions_halt_title') }}</h3>
+                              CoderBot - {{ $t('message.settings_actions_halt_title') }}
                             </v-card-title>
                             <v-card-text>
                               {{ $t('message.settings_actions_halt_text_1') }}
@@ -70,7 +70,7 @@
                       <v-dialog v-model="dialog_restart" width="500">
                           <v-card>
                             <v-card-title class="headline grey lighten-2" primary-title>
-                              <h3>CoderBot - {{ $t('message.settings_actions_restart_title') }}</h3>
+                              CoderBot - {{ $t('message.settings_actions_restart_title') }}
                             </v-card-title>
                             <v-card-text>
                               {{ $t('message.settings_actions_restart_text_1') }}
@@ -90,7 +90,7 @@
                       <v-dialog v-model="dialog_reboot" width="500">
                           <v-card>
                             <v-card-title class="headline grey lighten-2" primary-title>
-                              <h3>CoderBot - {{ $t('message.settings_actions_reboot_title') }}</h3>
+                              CoderBot - {{ $t('message.settings_actions_reboot_title') }}
                             </v-card-title>
                             <v-card-text>
                               {{ $t('message.settings_actions_reboot_text_1') }}
@@ -110,7 +110,7 @@
                       <v-dialog v-model="dialog_restore" width="500">
                           <v-card>
                             <v-card-title class="headline grey lighten-2" primary-title>
-                              <h3>CoderBot - {{ $t('message.settings_actions_restore_title') }}</h3>
+                              CoderBot - {{ $t('message.settings_actions_restore_title') }}
                             </v-card-title>
                             <v-card-text>
                               {{ $t('message.settings_actions_restore_text_1') }}
@@ -130,7 +130,7 @@
                       <v-dialog v-model="dialog_reset" width="500">
                           <v-card>
                             <v-card-title class="headline grey lighten-2" primary-title>
-                              <h3>CoderBot - {{ $t('message.settings_actions_reset_title') }}</h3>
+                              CoderBot - {{ $t('message.settings_actions_reset_title') }}
                             </v-card-title>
                             <v-card-text>
                               {{ $t('message.settings_actions_reset_text_1') }}
@@ -209,73 +209,83 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left">{{ $t('message.settings_movement_control') }}</h3>
+                      {{ $t('message.settings_movement_control') }}
                     </v-card-title>
                     <div class="cardContent">
                       <v-text-field v-model="settings.ctrlFwdSpeed"
                         v-bind:label="$t('message.settings_movement_control_forward_speed')"
                         @input="v$.settings.ctrlFwdSpeed.$touch"
                         v-bind:error-messages="v$.settings.ctrlFwdSpeed.$error == true ? $t('message.validation_integer') : ''"
+                        id="settings_movement_control_forward_speed"
                       />
                       <v-text-field v-model="settings.ctrlFwdElapse"
                         v-bind:label="$t('message.settings_movement_control_forward_elapse')"
                         @input="v$.settings.ctrlFwdElapse.$touch"
                         v-bind:error-messages="v$.settings.ctrlFwdElapse.$error == true ? $t('message.validation_decimal') : ''"
+                        id="settings_movement_control_forward_elapse"
                       />
                       <v-text-field v-model="settings.ctrlTurnSpeed"
                         v-bind:label="$t('message.settings_movement_control_turn_speed')"
                         @input="v$.settings.ctrlTurnSpeed.$touch"
                         v-bind:error-messages="v$.settings.ctrlTurnSpeed.$error == true ? $t('message.validation_integer') : ''"
+                        id="settings_movement_control_turn_speed"
                       />
                       <v-text-field v-model="settings.ctrlTurnElapse"
                         v-bind:label="$t('message.settings_movement_control_turn_elapse')"
                         @input="v$.settings.ctrlTurnElapse.$touch"
                         v-bind:error-messages="v$.settings.ctrlTurnElapse.$error == true ? $t('message.validation_decimal') : ''"
+                        id="settings_movement_control_turn_elapse"
                       />
                     </div>
                   </v-card>
                   <br>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left">{{ $t('message.settings_movement_program') }}</h3>
+                      {{ $t('message.settings_movement_program') }}
                     </v-card-title>
                     <div class="cardContent">
                       <v-text-field v-model="settings.moveFwdSpeed"
                         v-bind:label="$t('message.settings_movement_program_forward_speed')"
                         @input="v$.settings.moveFwdSpeed.$touch"
                         v-bind:error-messages="v$.settings.moveFwdSpeed.$error == true ? $t('message.validation_integer') : ''"
+                        id="settings_movement_program_forward_speed"
                       />
                       <v-text-field v-model="settings.moveFwdElapse"
                         v-bind:label="$t('message.settings_movement_program_forward_elapse')"
                         @input="v$.settings.moveFwdElapse.$touch"
                         v-bind:error-messages="v$.settings.moveFwdElapse.$error == true ? $t('message.validation_decimal') : ''"
+                        id="settings_movement_program_forward_elapse"
                       />
                       <v-text-field v-model="settings.moveTurnSpeed"
                         v-bind:label="$t('message.settings_movement_program_turn_speed')"
                         @input="v$.settings.moveTurnSpeed.$touch"
                         v-bind:error-messages="v$.settings.moveTurnSpeed.$error == true ? $t('message.validation_integer') : ''"
+                        id="settings_movement_program_turn_speed"
                       />
                       <v-text-field v-model="settings.moveTurnElapse"
                         v-bind:label="$t('message.settings_movement_program_turn_elapse')"
                         @input="v$.settings.moveTurnElapse.$touch"
                         v-bind:error-messages="v$.settings.moveTurnElapse.$error == true ? $t('message.validation_decimal') : ''"
+                        id="settings_movement_program_turn_elapse"
                       />
                     </div>
                   </v-card>
                   <br>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left">{{ $t('message.settings_movement_parameters') }}</h3>
+                      {{ $t('message.settings_movement_parameters') }}
                     </v-card-title>
                     <div class="cardContent">
                       <v-text-field v-model="settings.motorMode"
                         v-bind:label="$t('message.settings_movement_parameters_mode')"
                         @input="v$.settings.motorMode.$touch"
+                        id="settings_movement_parameters_mode"
                       />
                       <v-text-field v-model="settings.trimFactor"
                         v-bind:label="$t('message.settings_movement_parameters_trim')"
                         @input="v$.settings.trimFactor.$touch"
                         v-bind:error-messages="v$.settings.trimFactor.$error == true ? $t('message.validation_decimal') : ''"
+                        id="settings_movement_parameters_trim"
                       />
                       <v-text-field v-model="settings.power[0]"
                         v-bind:label="$t('message.settings_movement_parameters_power_1')"
@@ -299,9 +309,9 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left">{{ $t('message.settings_camera_title') }}</h3>
+                      {{ $t('message.settings_camera_title') }}
                     </v-card-title>
-                    <div class="cardContent">
+                    <v-card-text>
                       <v-select
                         v-model="settings.camera_exposure_mode"
                         :items="cameraExposureModes"
@@ -309,39 +319,39 @@
                         item-value="key"
                         v-bind:label="$t('message.settings_camera_exposure_mode')"
                         single-line
-                        @select="v$.settings.camera_exposure_mode.$touch"
+                        @update:model-value="v$.settings.camera_exposure_mode.$touch"
                       ></v-select>
                       {{ $t("message.settings_camera_framerate") }}:
                       <span v-text="settings.camera_framerate"></span>
                       <v-slider v-model="settings.camera_framerate" min="5" max="30" step="5"
-                        @change="v$.settings.camera_framerate.$touch"
+                        @update:model-value="v$.settings.camera_framerate.$touch"
                       />
                       {{ $t("message.settings_camera_jpeg_bitrate") }}:
                       <span v-text="settings.camera_jpeg_bitrate"></span>
                       <v-slider v-model="settings.camera_jpeg_bitrate" min="1000000" max="10000000" step="1000000"
                         v-bind:label="$t('message.settings_camera_jpeg_bitrate')"
-                        @change="v$.settings.camera_jpeg_bitrate.$touch"
+                        @update:model-value="v$.settings.camera_jpeg_bitrate.$touch"
                         v-bind:error-messages="v$.settings.camera_jpeg_bitrate.$error == true ? $t('message.validation_integer') : ''"
                       />
                       {{ $t("message.settings_camera_jpeg_quality") }}:
                       <span v-text="settings.camera_jpeg_quality"></span>
                       <v-slider v-model="settings.camera_jpeg_quality" min="1" max="100" step="1"
                         v-bind:label="$t('message.settings_camera_jpeg_quality')"
-                        @change="v$.settings.camera_jpeg_quality.$touch"
+                        @update:model-value="v$.settings.camera_jpeg_quality.$touch"
                         v-bind:error-messages="v$.settings.camera_jpeg_quality.$error == true ? $t('message.validation_integer') : ''"
                       />
-                    </div>
+                    </v-card-text>
                   </v-card>
                   <br>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left">{{ $t('message.settings_camera_cv_title') }}</h3>
+                      {{ $t('message.settings_camera_cv_title') }}
                     </v-card-title>
-                    <div class="cardContent">
+                    <v-card-text>
                       {{ $t("message.settings_camera_cv_image_factor") }}:
                       <span v-text="settings.cv_image_factor"></span>
                       <v-slider v-model="settings.cv_image_factor" min="1" max="4" step="1"
-                        @change="v$.settings.cv_image_factor.$touch"
+                        @update:model-value="v$.settings.cv_image_factor.$touch"
                       />
                       <v-text-field v-model="settings.camera_color_object_size_max"
                         @input="v$.settings.camera_color_object_size_max.$touch"
@@ -369,8 +379,8 @@
                         item-title="text"
                         item-value="key"
                         v-bind:label="$t('message.settings_camera_cnn_default_model')"
-                        @select="v$.settings.cnn_default_model.$touch" />
-                    </div>
+                        @update:model-value="v$.settings.cnn_default_model.$touch" />
+                    </v-card-text>
                   </v-card>
                 </v-col>
               </v-layout>
@@ -382,10 +392,10 @@
                 <!-- Column A -->
                 <v-col xs12 md6 offset-md3>
                   <v-card>
-                  <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_sounds_title') }}</h3>
-                  </v-card-title>
-                    <div class="cardContent">
+                    <v-card-title>
+                      {{ $t('message.settings_sounds_title') }}
+                    </v-card-title>
+                    <v-card-text>
                       <v-text-field v-model="settings.startSound" v-bind:label="$t('message.settings_sounds_start')"
                         @input="v$.settings.startSound.$touch"
                       />
@@ -395,7 +405,7 @@
                       <v-text-field v-model="settings.shutterSound" v-bind:label="$t('message.settings_sounds_shutter')"
                         @input="v$.settings.shutterSound.$touch"
                       />
-                    </div>
+                   </v-card-text>
                   </v-card>
                 </v-col>
               </v-layout>
@@ -408,9 +418,9 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_hardware_version') }}</h3>
+                    {{ $t('message.settings_hardware_version') }}
                   </v-card-title>
-                    <div class="cardContent">
+                  <v-card-text>
                       <v-select
                         v-model="settings.hardwareVersion"
                         :items="hardware_version_items"
@@ -419,37 +429,35 @@
                         v-bind:label="$t('message.settings_hardware_version')"
                         single-line
                       />
-                    </div>
+                    </v-card-text>
                   </v-card>
-                  <br>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_button_title') }}</h3>
+                    {{ $t('message.settings_button_title') }}
                   </v-card-title>
-                    <div class="cardContent">
+                  <v-card-text>
                       <v-radio-group v-model="settings.btnFun" column
                       >
                         <v-radio v-bind:label="$t('message.settings_button_none')" value="none"/>
                         <v-radio v-bind:label="$t('message.settings_button_startstop')" value="startstop" />
                       </v-radio-group>
-                    </div>
+                    </v-card-text>
                   </v-card>
-                  <br>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_load_at_start_title') }}</h3>
+                    {{ $t('message.settings_load_at_start_title') }}
                   </v-card-title>
-                    <div class="cardContent">
+                  <v-card-text>
                       <v-select 
                         v-model="settings.startupProgram"
-                        @change="v$.settings.startupProgram.$touch"
+                        @update:model-value="v$.settings.startupProgram.$touch"
                         :items="programList"
                         item-title="name"
                         v-bind:label="$t('message.settings_load_at_start_title')"
                         single-line
                         >
                       </v-select>
-                    </div>
+                    </v-card-text>
                   </v-card>
                 </v-col>
               </v-layout>
@@ -461,7 +469,7 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_network_title') }}</h3>
+                    {{ $t('message.settings_network_title') }}
                   </v-card-title>
                     <div>
                       <v-chip v-if="wifi_status.wifi" prepend-icon="mdi-wifi">Wifi</v-chip>
@@ -477,7 +485,7 @@
                         <v-select 
                         :disabled="settings.wifiMode!='client'"
                         v-model="settings.wifiSSID"
-                        @change="v$.settings.wifiSSID.$touch"
+                        @update:model-value@update:model-value="v$.settings.wifiSSID.$touch"
                         :items="networks"
                         item-title="ssid"
                         item-value="ssid"
@@ -537,7 +545,7 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_component_test_title') }}</h3>
+                    {{ $t('message.settings_component_test_title') }}
                   </v-card-title>
                     <div class="cardContent">
                       <div id='test_array'>
@@ -691,7 +699,7 @@
                 <v-col xs12 md6 offset-md3>
                   <v-card>
                   <v-card-title>
-                    <h3 class="text-xs-left">{{ $t('message.settings_audio_title') }}</h3>
+                    {{ $t('message.settings_audio_title') }}
                   </v-card-title>
                     <div class="cardContent">
                       {{ $t('message.settings_audio_volume') }}
@@ -726,7 +734,7 @@
                   </v-card>
                   <v-card>
                     <v-card-title>
-                      <h3 class="text-xs-left"> {{ $t('message.settings_music_packages_add') }} </h3>
+                       {{ $t('message.settings_music_packages_add') }} 
                     </v-card-title>
                     <v-card-text>
                       <template v-if="updateStatus==1">
@@ -783,7 +791,7 @@
         </v-card>
       </v-dialog>
       <!-- Confirm exit dialog -->
-      <v-dialog v-model="confirm_exit_dialog" max-width="290">
+      <v-dialog v-model="confirm_exit_dialog" max-width="290" id="confirm_exit_dialog">
         <v-card>
           <v-card-title class="headline">{{ $t("message.confirm") }}</v-card-title>
           <v-card-text>
@@ -841,8 +849,8 @@ export default {
     };
   },
   mounted() {
-    this.pollWifiStatus()
-    setInterval(() => { this.pollWifiStatus(); }, 1000);
+    this.inteval_wifi = setInterval(() => {this.pollWifiStatus()}, 1000);
+    this.inteval_info = setInterval(() => {this.pollInfo()}, 1000);
     this.prepopulate();
     this.$wifi_connect.networks().then((result) => {
       this.networks = result.data.ssids;
@@ -854,6 +862,10 @@ export default {
       });
     this.musicPackages = this.$store.getters.musicPackages;
   },
+  unmounted() {
+    clearInterval(this.inteval_wifi);
+    clearInterval(this.inteval_info);
+  },
   beforeRouteLeave(to, from, next) {
     if (this.v$.$anyDirty) {
       this.router_next = next;
@@ -949,6 +961,9 @@ export default {
         this.wifi_status = result.data;
       });
     },
+    pollInfo() {
+      this.$coderbot.getInfo();
+    },
     restoreSettings() {
       this.$coderbot.restoreSettings()
         .then(() => {
@@ -1186,6 +1201,8 @@ export default {
       settings_password_verify_show: false,
       passwordVerified: false,
       passwordIncorrect: false,
+      interval_wifi: null,
+      interval_info: null,
     };
   },
   validations() {
diff --git a/src/i18n/locales/it/messages.json b/src/i18n/locales/it/messages.json
index 1c25aea..2fbfdfd 100644
--- a/src/i18n/locales/it/messages.json
+++ b/src/i18n/locales/it/messages.json
@@ -132,6 +132,7 @@
     "blockly_toolbox_category_music": "Musica",
     "blockly_toolbox_category_sensors": "Sensori",
     "control_speak": "Pronuncia",
+    "control_speak_title": "Pronuncia frase",
     "control_speaking": "Sto pronunciando",
     "control_photo_take": "Scatta foto",
     "control_photo_taken": "Foto scattata",
diff --git a/src/main.js b/src/main.js
index b0ab5fe..2fc8d5d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -71,8 +71,8 @@ function loadConfig() {
     setTimeout(loadConfig, 1000);
   });  
 }
-$coderbot.getInfoAndStatus();
+$coderbot.getStatus();
 setInterval(() => { 
-  $coderbot.getInfoAndStatus();
+  $coderbot.getStatus();
 }, 1000);
 loadConfig();
\ No newline at end of file