asset/scss/components/_lists.scss

@@ -1,26 +1,9 @@
-@include breakpoint(small) {
   dl {
     .property {
       display:flex;
-      flex-direction:column;
       dt {
-        min-width: unset;
-        max-width: unset;
-        width: unset;
-      }
-    }
-  }
-}
-@include breakpoint(medium) {
-  dl {
-    .property {
-      display:flex;
-      flex-direction:row;
-      dt {
-        min-width: 14rem;
-        max-width: 14rem;
         width: 14rem;
-      }
+        max-width: 14rem;
       }
     }
   }

asset/scss/global/_omeka.scss

@@ -137,26 +137,15 @@
 
 // -- Modules
 .media-list {
-  @include breakpoint(small) {
-    display: flex;
-    flex-direction: column;
   width: 100%;
   .resource-link {
     width: auto;
     display:inline-block;
-      padding-right: $global-padding;
     > * {
       float: left;
       clear: both;
     }
   }
-    .resource-name {
-      font-size: 0.8rem;
-    }
-  }
-  @include breakpoint(medium) {
-    flex-direction: row;
-  }
 }
 
 

view/omeka/site/item/show.phtml

@@ -51,12 +51,15 @@ $("#archive_page_title").html('<?php echo $_html ?>');
 <div class="media-list" style="display: flex;">
     <?php foreach ($itemMedia as $media): ?>
         <?php echo $media->linkPretty(); ?>
-        <div class="resource">
+        <br />
-          <a class="resource-link" href="<?= $media->originalUrl(); ?>">
+        <div style="display: flex;
+                    flex: 1;
+                    flex-direction: column;
+                    padding: 0 10px 10px 0;">
+          <a href="<?= $media->originalUrl(); ?>">
             <img src="<?= $media->thumbnailUrl("square"); ?>" />
-            <span class="resource-name"> 
+            <br />
             <?= $media->displayTitle(); ?>
-            </span>
           </a>
       </div>
     <?php endforeach; ?>