fix back translation template

src/scripts/components/Translation.vue

@@ -153,18 +153,11 @@ export default {
               class="text-sm text-gray-500 dark:text-gray-400"
             >
               <span @click='this.$emit("search-term", tt.string1)'>{{ tt.string1 }}</span>
-              <span v-if="tt.pronunciations">
-                <span
-                  class="mx-1 text-sm font-bold"
-                  v-bind:class="{
-                    'text-green-800': i == 0,
-                    'text-blue-800': i == 1,
-                    'text-red-800': i == 3,
-                  }"
-                  v-for="(p, i) in tt.pronunciations"
-                  :key="i"
-                  >[{{ p.ipa }}]
-                  <vue-sound :src="p.filename"></vue-sound>
+              <span v-if="tt.pronunciations" class=" whitespace-nowrap">
+                <span v-if="tt.pronunciations[0]"
+                  class="ml-1 text-sm font-bold"
+                  >[{{ tt.pronunciations[0].ipa }}]
+                   <vue-sound :src="tt.pronunciations[0].filename"></vue-sound>           
                 </span>
               </span>