From aa73cb8804c8f95f8cb76610adc3073e8328f6bb Mon Sep 17 00:00:00 2001
From: Helena Rasche <hxr@hx42.org>
Date: Mon, 31 May 2021 11:26:01 +0200
Subject: [PATCH] Make components full width

(cherry picked from commit 67f976f5cab840d42a5b494f8ebecb9f79e5c2d5)
---
 client/src/components/Dataset/DatasetAsImage/DatasetAsImage.vue | 2 +-
 .../Elements/HistoryDatasetCollection/CollectionDisplay.vue     | 2 +-
 .../src/components/Markdown/Elements/HistoryDatasetDisplay.vue  | 2 +-
 client/src/components/Markdown/Elements/JobMetrics.vue          | 2 +-
 client/src/components/Markdown/Elements/JobParameters.vue       | 2 +-
 client/src/components/Markdown/Elements/ToolStd.vue             | 2 +-
 client/src/components/Markdown/Elements/Visualization.vue       | 2 +-
 .../components/Markdown/Elements/Workflow/WorkflowDisplay.vue   | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Dataset/DatasetAsImage/DatasetAsImage.vue b/client/src/components/Dataset/DatasetAsImage/DatasetAsImage.vue
index 91698d13a24..9682f9aa83b 100644
--- a/client/src/components/Dataset/DatasetAsImage/DatasetAsImage.vue
+++ b/client/src/components/Dataset/DatasetAsImage/DatasetAsImage.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div v-if="imageUrl" class="w-50 p-2 float-left">
+        <div v-if="imageUrl" class="w-100 p-2">
             <b-card nobody body-class="p-1">
                 <b-img :src="imageUrl" fluid />
             </b-card>
diff --git a/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue b/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
index 10e5679d1e6..1d3b81dff4d 100644
--- a/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
+++ b/client/src/components/Markdown/Elements/HistoryDatasetCollection/CollectionDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card body-class="p-0">
             <b-card-header>
                 <span class="float-right">
diff --git a/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue b/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
index f971f8329ce..5cc4e14bbb7 100644
--- a/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
+++ b/client/src/components/Markdown/Elements/HistoryDatasetDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card body-class="p-0">
             <b-card-header v-if="!embedded">
                 <span class="float-right">
diff --git a/client/src/components/Markdown/Elements/JobMetrics.vue b/client/src/components/Markdown/Elements/JobMetrics.vue
index 47f5857b47c..66d17bc0397 100644
--- a/client/src/components/Markdown/Elements/JobMetrics.vue
+++ b/client/src/components/Markdown/Elements/JobMetrics.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card nobody>
             <JobMetrics class="job-metrics" :job-id="args.job_id" />
         </b-card>
diff --git a/client/src/components/Markdown/Elements/JobParameters.vue b/client/src/components/Markdown/Elements/JobParameters.vue
index dae3e416205..f3d48790d11 100644
--- a/client/src/components/Markdown/Elements/JobParameters.vue
+++ b/client/src/components/Markdown/Elements/JobParameters.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card nobody>
             <JobParameters class="job-parameters" :job-id="args.job_id" :param="args.param" :include-title="false" />
         </b-card>
diff --git a/client/src/components/Markdown/Elements/ToolStd.vue b/client/src/components/Markdown/Elements/ToolStd.vue
index a7fbe35e05f..ddb47974030 100644
--- a/client/src/components/Markdown/Elements/ToolStd.vue
+++ b/client/src/components/Markdown/Elements/ToolStd.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card nobody class="content-height">
             <div :class="name" :job_id="args.job_id">
                 <pre><code class="text-normalwrap">{{ jobContent }}</code></pre>
diff --git a/client/src/components/Markdown/Elements/Visualization.vue b/client/src/components/Markdown/Elements/Visualization.vue
index 0216ee529f5..abe938955ef 100644
--- a/client/src/components/Markdown/Elements/Visualization.vue
+++ b/client/src/components/Markdown/Elements/Visualization.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card body-class="embed-responsive embed-responsive-4by3">
             <LoadingSpan v-if="loading" class="m-2" message="Loading Visualization" />
             <div v-else-if="error" class="m-2">{{ error }}</div>
diff --git a/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue b/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
index a3d866c09d1..73b2692f755 100644
--- a/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
+++ b/client/src/components/Markdown/Elements/Workflow/WorkflowDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-50 p-2 float-left">
+    <div class="w-100 p-2">
         <b-card body-class="p-0">
             <b-card-header v-if="!embedded">
                 <span class="float-right">