improve collection card styling

Author: rshewitt

app/static/_scss/components/_collection_card.scss

@@ -99,7 +99,10 @@ $collection-card-back-offset-y:   -10px !default;
   }
 
   &__header-left {
-    display: flex;
+    
+    @media (min-width: 512px) {
+      display: flex;
+    }
     gap: 0.65rem;
     flex: 1;
   }

app/templates/components/collection_card.html

@@ -43,7 +43,7 @@ <h2 class="collection-card__title">{{ title }}</h2>
         {% endif %}
       </div>
 
-      <p class="collection-card__description">{{ description }}</p>
+      <p class="collection-card__description">{{ description | truncate(200, True, '...')  }}</p>
 
       <div class="collection-card__footer">
         <div class="collection-card__formats">