added space around in media, changed view for small screens

asset/scss/components/_lists.scss

@@ -1,9 +1,26 @@
+@include breakpoint(small) {
   dl {
     .property {
       display:flex;
+      flex-direction:column;
       dt {
-        width: 14rem;
+        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;
       }
     }
   }
+}

asset/scss/global/_omeka.scss

@@ -137,15 +137,26 @@
 
 // -- 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;
+  }
 }