Fix analytics service and audio recorder

src/components/VoiceRecorder.vue

@@ -9,10 +9,10 @@
         <v-row align="center" class="mt-3">
           <v-col cols="4" align="center">
             <v-btn v-show="state == states.RECORDED" icon @click.stop="redo">
-              <v-icon color="white">undo</v-icon>
+              <v-icon>undo</v-icon>
             </v-btn>
             <v-btn v-show="state == states.INITIAL" icon @click.stop="importAudio">
-              <v-icon color="white">$vuetify.icons.audio_import</v-icon>
+              <v-icon>$vuetify.icons.audio_import</v-icon>
               <input
               ref="audio_import"
               type="file"
@@ -23,10 +23,10 @@
             />
             </v-btn>
             <v-btn v-show="state == states.IMPORTED" icon @click.stop="previewAudio">
-              <v-icon color="white">$vuetify.icons.audio_import_play</v-icon>
+              <v-icon>$vuetify.icons.audio_import_play</v-icon>
             </v-btn>
             <v-btn v-show="state == states.PLAYING" icon @click.stop="pauseAudio">
-              <v-icon color="white">pause</v-icon>
+              <v-icon>pause</v-icon>
             </v-btn>
           </v-col>
           <v-col cols="4" align="center">
@@ -36,6 +36,7 @@
               icon
               class="voice-recorder-btn recording"
               @click.stop="pauseRecording"
+              size="60"
             >
               <v-icon color="white">stop</v-icon>
             </v-btn>
@@ -46,6 +47,7 @@
               icon
               :disabled="!recordedFile"
               @click.stop="send"
+              size="60"
             >
               <v-icon color="black">arrow_upward</v-icon>
             </v-btn>
@@ -55,13 +57,14 @@
               class="voice-recorder-btn"
               icon
               @click.stop="startRecording"
+              size="60"
             >
-              <v-icon color="white">fiber_manual_record</v-icon>
+              <v-icon>fiber_manual_record</v-icon>
             </v-btn>
           </v-col>
           <v-col cols="4" align="center">
             <v-btn id="btn-record-cancel" icon @click.stop="cancelRecording">
-              <v-icon color="white">close</v-icon>
+              <v-icon>close</v-icon>
             </v-btn>
           </v-col>
         </v-row>

src/components/createRoomMixin.js

@@ -31,6 +31,7 @@ export default {
         //autofocus: true,
         variant: "solo",
         required: true,
+        class: "text-left"
       };
     },
     roomNameInputListeners() {