item page renders links to original media url

lists media in flexbox

view/omeka/site/item/show.phtml

@@ -31,7 +31,6 @@ $("#archive_page_title").html('<?php echo $_html ?>');
 <!-- arc-hive page header-image insert ends -->
 
 
-
 <div class="resource-title">
 <?php echo $this->pageTitle($item->displayTitle(), 2); ?>
 </div>
@@ -49,9 +48,19 @@ $("#archive_page_title").html('<?php echo $_html ?>');
 <?php endif; ?>
 
 <?php if (!$embedMedia && $itemMedia): ?>
-<div class="media-list">
+<div class="media-list" style="display: flex;">
     <?php foreach ($itemMedia as $media): ?>
-        <?php echo $media->linkPretty(); ?>
+        <?php //echo $media->linkPretty(); ?>
+        <div style="display: flex;
+                    flex: 1;
+                    flex-direction: column;
+                    padding: 0 10px 10px 0;">
+          <a href="<?= $media->originalUrl(); ?>">
+            <img src="<?= $media->thumbnailUrl("square"); ?>" />
+            <br />
+            <?= $media->displayTitle(); ?>
+          </a>
+      </div>
     <?php endforeach; ?>
 </div>
 <?php endif; ?>

view/omeka/site/media/show.phtml

@@ -1,3 +1,10 @@
+
+<!--
+We have modified omkeka/site/item/show.phtml to render a link to the original
+files intead of the media page (this page).
+That means that this page is not (in theory) used.
+-->
+
 <?php
 $translate = $this->plugin('translate');
 ?>