From f09d8e3684df18adda5c511c19f2779f6823cfde Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 5 Feb 2025 17:23:27 -0600
Subject: [PATCH] Fix overflows

---
 app/views/bubbles/show.html.erb | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/views/bubbles/show.html.erb b/app/views/bubbles/show.html.erb
index 0bf4ea139..f7c7d2f98 100644
--- a/app/views/bubbles/show.html.erb
+++ b/app/views/bubbles/show.html.erb
@@ -9,16 +9,18 @@
     </div>
   <% end %>
 
-  <nav class="align-start">
-    <header class="flex flex-column center">
+  <nav class="align-start max-width">
+    <header class="flex flex-column center max-width">
       <div class="flex align-center gap justify-center">
         <%= link_to "Projects", root_path %>
         <%= link_to "Activity", events_path %>
       </div>
-      <h1 class="txt-x-large breadcrumbs">
-        <%= link_to @bucket.name, bubbles_path(bucket_ids: [ @bucket ]) %>
+      <h1 class="txt-large txt-align-center min-width flex align-center gap-half">
+        <span class="overflow-ellipsis">
+          <%= link_to @bucket.name, bubbles_path(bucket_ids: [ @bucket ]) %>
+        </span>
         <span class="flex-item-no-shrink">▸</span>
-        <strong><%= @page_title %></strong>
+        <strong class="overflow-ellipsis"><%= @page_title %></strong>
       </h1>
     </header>
   </nav>