Display assignments in list

app/assets/stylesheets/avatars.css

@@ -6,6 +6,7 @@
   border-radius: var(--avatar-border-radius);
   display: grid;
   inline-size: var(--avatar-size, 2.65em);
+  line-height: 1;
   margin: 0;
   place-items: center;
 

app/assets/stylesheets/bubbles.css

@@ -457,6 +457,14 @@
       }
     }
   }
+
+  .avatar {
+    --avatar-size: 1.1em;
+
+    > * {
+      font-size: 0.5em;
+    }
+  }
 }
 
 .bubble__title-text {

app/views/bubbles/list/_bubble.html.erb

@@ -10,6 +10,12 @@
     <strong class="bubble__title-text flex--inline gap-half overflow-ellipsis"><%= bubble.title %></strong>
   <% end %>
 
+  <div class="flex align-center gap flex-item-no-shrink">
+    <% bubble.assignees.each do |assignee| %>
+      <figure class="avatar fill-black txt-reversed flex-item-no-shrink"><strong><%= assignee.initials %></strong></figure>
+    <% end %>
+  <div>
+
   <small class="flex align-center gap flex-item-no-shrink">
     <% bubble.tags.each do |tag| %>
       <%= link_to "##{tag.title}", bucket_bubbles_path(bubble.bucket, tag_id: tag.id), style: "color: #{bubble.color}" %>