Allow board name/picker and tags to wrap on several lines

app/assets/stylesheets/card-perma.css

@@ -63,6 +63,27 @@
       opacity: 0.2;
     }
 
+    .card__header {
+      @media (max-width: 639px) {
+        flex-wrap: wrap;
+        gap: var(--card-header-space) unset;
+      }
+    }
+
+    .card__tags {
+      @media (max-width: 639px) {
+        padding: 0.25lh;
+      }
+    }
+
+    .card__tags-list {
+      @media (min-width: 640px) {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+    }
+
     .card__body {
       position: relative;
 

app/views/cards/display/perma/_tags.html.erb

@@ -15,7 +15,7 @@
   </div>
 
   <% if card.tags.any? %>
-    <div class="min-width overflow-ellipsis">
+    <div class="card__tags-list min-width">
       <% card.tags.each_with_index do |tag, index| %>
         <%= link_to cards_path(board_ids: [ card.board ], tag_ids: [ tag.id ]),
               class: "card__tag btn btn--plain min-width txt-uppercase fill-transparent" do %>