From 9be17cfaf39cca212aba02627bc5becec785cc02 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Fri, 17 Nov 2023 15:01:28 +0100
Subject: [PATCH] Result page fixes [SCI-9731]

---
 app/javascript/vue/results/results_toolbar.vue |  2 +-
 app/javascript/vue/shared/content/text.vue     | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/results/results_toolbar.vue b/app/javascript/vue/results/results_toolbar.vue
index 4f413d18c..9a7d9f0c1 100644
--- a/app/javascript/vue/results/results_toolbar.vue
+++ b/app/javascript/vue/results/results_toolbar.vue
@@ -34,7 +34,7 @@
         </li>
       </ul>
     </div>
-    <div class="result-toolbar__right flex items-center" @click="$emit('expandAll')">
+    <div class="result-toolbar__right flex items-center">
       <button class="btn btn-secondary mr-3" @click="collapseResults" tabindex="0">
         {{ i18n.t('my_modules.results.collapse_label') }}
       </button>
diff --git a/app/javascript/vue/shared/content/text.vue b/app/javascript/vue/shared/content/text.vue
index b5652fbba..489651e50 100644
--- a/app/javascript/vue/shared/content/text.vue
+++ b/app/javascript/vue/shared/content/text.vue
@@ -48,7 +48,7 @@
         @editingDisabled="disableEditMode"
         @editingEnabled="enableEditMode"
       />
-      <div class="view-text-element" v-else-if="element.attributes.orderable.text_view" v-html="element.attributes.orderable.text_view"></div>
+      <div class="view-text-element" v-else-if="element.attributes.orderable.text_view" v-html="wrapTables"></div>
       <div v-else class="text-sn-grey">
         {{ i18n.t("protocols.steps.text.empty_text") }}
       </div>
@@ -112,6 +112,16 @@
       })
     },
     computed: {
+      wrapTables() {
+        const container = $(`<span>${this.element.attributes.orderable.text_view}</span>`);
+        container.find('table').toArray().forEach((table) => {
+          if ($(table).parent().hasClass('table-wrapper')) return;
+          $(table).css('float', 'none').wrapAll(`
+            <div class="table-wrapper" style="overflow: auto; width: 100%"></div>
+          `);
+        });
+        return container.prop('outerHTML');
+      },
       actionMenu() {
         let menu = [];
         if (this.element.attributes.orderable.urls.update_url) {