No table display on mobile screens (fixes exceeding title length in resources list)

ckanext/odsh/fanstatic/odsh.css

@@ -746,6 +746,7 @@ label.rangesearch.disabled {
 
 /* following makes the secondary span (left side, facets etc.) the same height as the primary span */
 /* see: https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height */
+@media (min-width: 768px) {
   .is-table-row {
     display: table;
   }
@@ -760,6 +761,7 @@ label.rangesearch.disabled {
     float: none;
     display: block;
   }
+}
 
 .pill {
   background-color: #F6F7F9;
@@ -1652,6 +1654,7 @@ body {
 .resource-title {
   float: left;
   margin-left: 5px;
+  margin-bottom: 10px;
   text-overflow: ellipsis;
   overflow: hidden;
   /* width: 395px; */
@@ -1687,6 +1690,7 @@ body {
 .resource-title-container {
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
   width: 100%;
 }