Multiplex data visualisation: add doi for images in BIA and tweak things

components/report_cards/chemical_probe/CellViabilityAndHealthComponents/CellPropsRows/ImagesInTime/ImagesDialog.vue

@@ -46,7 +46,26 @@
         </v-container>
         <v-divider />
         <v-container>
-          <TextToClipboard :text="imgUrl" title="Image URL" />
+          <v-list dense>
+            <v-subheader>Image URL:</v-subheader>
+            <v-list-item>
+              <v-list-item-content>
+                <v-list-item-title>
+                  <a :href="imgUrl">{{ imgUrl }}</a></v-list-item-title
+                >
+              </v-list-item-content>
+            </v-list-item>
+            <v-subheader>Image Data DOI:</v-subheader>
+            <v-list-item>
+              <v-list-item-content>
+                <v-list-item-title>
+                  <a href="https://dx.doi.org/10.6019/S-BIAD145"
+                    >https://dx.doi.org/10.6019/S-BIAD145</a
+                  ></v-list-item-title
+                >
+              </v-list-item-content>
+            </v-list-item>
+          </v-list>
         </v-container>
         <v-divider />
         <v-card-actions>
@@ -59,11 +78,7 @@
 </template>
 
 <script>
-import TextToClipboard from '~/web-components-submodule/components/common/TextToClipboard.vue'
 export default {
-  components: {
-    TextToClipboard,
-  },
   props: {
     title: {
       type: String,

components/report_cards/chemical_probe/CellViabilityAndHealthComponents/DataExplanation/DataExplanationDialog.vue

@@ -27,6 +27,8 @@
                 <v-container>
                   <v-img
                     width="100%"
+                    max-height="80vh"
+                    contain
                     :src="require(`@/static/img/multiplexData/treeFigure.jpg`)"
                   ></v-img>
                 </v-container>