Improve truncation on project external links (#635)

Update index.hbs
hashicorp-forge · Mar 6, 2024 · c5acf53 · c5acf53
1 parent 958de13
commit c5acf53
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/web/app/components/project/index.hbs b/web/app/components/project/index.hbs
@@ -222,13 +222,13 @@
                 <ExternalLink
                   data-test-related-link
                   href={{link.url}}
-                  class="block px-2 py-2.5 group-hover:bg-color-surface-faint"
+                  class="block py-2.5 pl-2 pr-8 group-hover:bg-color-surface-faint"
                 >
                   <div class="flex items-center gap-3">
                     <div class="ml-1 flex">
                       <Favicon @url={{link.url}} />
                     </div>
-                    <div class="flex w-full items-end gap-2">
+                    <div class="flex w-full min-w-0 items-end gap-2">
                       <h4
                         class="max-w-[65%] truncate text-display-300 font-semibold text-color-foreground-strong"
                       >