From 7d728a72df23d1e00203d806ab799912e0e7431c Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaro@ttx.sk>
Date: Tue, 15 Mar 2022 19:52:30 +0100
Subject: [PATCH] fix back translation template

---
 src/scripts/components/Translation.vue | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/scripts/components/Translation.vue b/src/scripts/components/Translation.vue
index 082eaaf..34c1671 100644
--- a/src/scripts/components/Translation.vue
+++ b/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>