From cbb3ad04f0508220737fcb731354ca010b06b0db Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 2 Nov 2021 16:39:34 +0100
Subject: [PATCH] visgraph: right align text when reverse

---
 .../Resources/public/vuejs/VisGraph/App.vue   | 24 ++++---------------
 1 file changed, 5 insertions(+), 19 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
index 69d8f5c40..a83ff1456 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue
@@ -62,31 +62,17 @@
                      </VueMultiselect>
                   </div>
                   <div v-if="relation && relation.title && relation.reverseTitle">
-                     <p class="text-start" v-if="reverse">
+                     <p class="text-end" v-if="reverse">
                         {{ $t('visgraph.relation_from_to_like', [
-                           getPerson(modal.data.to).text,
-                           getPerson(modal.data.from).text,
-                           relation.title.fr.toLowerCase(),
-                        ])}}
-                        <br>
+                           getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.title.fr.toLowerCase() ])}}<br>
                         {{ $t('visgraph.relation_from_to_like', [
-                           getPerson(modal.data.from).text,
-                           getPerson(modal.data.to).text,
-                           relation.reverseTitle.fr.toLowerCase(),
-                        ])}}
+                           getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.reverseTitle.fr.toLowerCase() ])}}
                      </p>
                      <p class="text-start" v-else>
                         {{ $t('visgraph.relation_from_to_like', [
-                           getPerson(modal.data.from).text,
-                           getPerson(modal.data.to).text,
-                           relation.title.fr.toLowerCase(),
-                        ])}}
-                        <br>
+                           getPerson(modal.data.from).text, getPerson(modal.data.to).text, relation.title.fr.toLowerCase() ])}}<br>
                         {{ $t('visgraph.relation_from_to_like', [
-                           getPerson(modal.data.to).text,
-                           getPerson(modal.data.from).text,
-                           relation.reverseTitle.fr.toLowerCase(),
-                        ])}}
+                           getPerson(modal.data.to).text, getPerson(modal.data.from).text, relation.reverseTitle.fr.toLowerCase() ])}}
                      </p>
                   </div>
                   <div class="form-check form-switch">