Changed all static inline style to CSS classes

src/components/messages/AudioPlayer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="audio-player d-flex flex-row" style="align-items: center">
+  <div class="audio-player d-flex flex-row align-center">
     <audio ref="player" :src="src" @durationchange="updateDuration">
       <slot></slot>
     </audio>
@@ -9,15 +9,14 @@
     <v-btn v-else id="btn-play" @click.stop="play" icon
       ><v-icon size="20">play_arrow</v-icon></v-btn
     >
-    <div class="play-time" style="flex: 1 0 80px">
+    <div class="play-time">
       {{ currentTime }} / {{ totalTime }}
     </div>
-    <v-slider 
+    <v-slider
       color="currentColor"
       track-color="#cccccc"
       class="play-progress"
       v-model="playheadPercent"
-      style="flex: 1 1 100%; height: 30px"
       min="0"
       max="100"
     />