Fix comments/changes counts wrapping on history pages

diff --git a/app/views/changesets/_changeset.html.erb b/app/views/changesets/_changeset.html.erb
index 2c680976363d6fd9037c23ac5cd6925a4b2f7997..923f869cf6ab973877a1e14b85e8c7a8f12a6558 100644 (file)
--- a/app/views/changesets/_changeset.html.erb
+++ b/app/views/changesets/_changeset.html.erb
@@ -4,15 +4,15 @@
       <span><%= changeset.tags["comment"].to_s.presence || t("browse.no_comment") %></span>
     </a>
   </p>
       <span><%= changeset.tags["comment"].to_s.presence || t("browse.no_comment") %></span>
     </a>
   </p>

-  <div class="row">
-    <div class="col pt-3">
+  <div class="d-flex flex-nowrap gap-3 justify-content-between">
+    <div class="overflow-hidden pt-3">

       <%= changeset_details(changeset) %>
       &middot;
       <a class="changeset_id link-body-emphasis" href="<%= changeset_path(changeset) %>">
         #<%= changeset.id %>
       </a>
     </div>
       <%= changeset_details(changeset) %>
       &middot;
       <a class="changeset_id link-body-emphasis" href="<%= changeset_path(changeset) %>">
         #<%= changeset.id %>
       </a>
     </div>

-    <div class="col-auto d-flex flex-column justify-content-end align-items-end text-body-secondary">
+    <div class="d-flex flex-column justify-content-end align-items-end text-body-secondary">

       <%= tag.div :class => ["d-flex align-items-baseline gap-1", { "opacity-50" => changeset.comments.empty? }],
                   :title => t(".comments", :count => changeset.comments.length) do %>
         <%= changeset.comments.length %>
       <%= tag.div :class => ["d-flex align-items-baseline gap-1", { "opacity-50" => changeset.comments.empty? }],
                   :title => t(".comments", :count => changeset.comments.length) do %>
         <%= changeset.comments.length %>