Truncate tags on cards

app/assets/stylesheets/cards.css

@@ -179,6 +179,7 @@
     align-items: center;
     color: var(--card-color);
     display: flex;
+    min-inline-size: 0;
   }
 
   .card__title {

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

@@ -1,5 +1,5 @@
-<div id="<%= dom_id(card, :tags) %>" class="card__tags flex-item-grow flex-item-no-shrink min-width gap-half">
-  <div class="overflow-ellipsis">
+<div id="<%= dom_id(card, :tags) %>" class="card__tags gap-half">
+  <div class="min-width overflow-ellipsis">
     <% if card.tags.any? || card.creating? %>
       <span class="margin-inline-start-half"># </span>
       <% card.tags.each_with_index do |tag, index| %>

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

@@ -1,5 +1,5 @@
-<div class="card__tags flex-item-grow flex-item-no-shrink min-width">
-  <div class="overflow-ellipsis">
+<div class="card__tags">
+  <div class="min-width overflow-ellipsis">
     <% if card.tags.any?  %>
       <span># </span>
       <% card.tags.each_with_index do |tag, index| %>