Truncate branch name on prebuilds page

gitpod-io · Nov 22, 2022 · 162215b · 162215b
1 parent 89104af
commit 162215b
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/components/dashboard/src/projects/Prebuilds.tsx b/components/dashboard/src/projects/Prebuilds.tsx
@@ -266,16 +266,18 @@ export default function (props: { project?: Project; isAdminDashboard?: boolean
                                         </div>
                                     </ItemField>
                                     <ItemField className="flex w-3/12">
-                                        <a href={p.info.changeUrl} className="cursor-pointer">
-                                            <div className="flex space-x-2 truncate">
-                                                <span
-                                                    className="font-medium text-gray-500 dark:text-gray-50 truncate"
-                                                    title={p.info.branch}
-                                                >
-                                                    {p.info.branch}
-                                                </span>
-                                            </div>
-                                        </a>
+                                        <div className="truncate">
+                                            <a href={p.info.changeUrl} className="cursor-pointer">
+                                                <div className="flex space-x-2 truncate">
+                                                    <span
+                                                        className="font-medium text-gray-500 dark:text-gray-50 truncate"
+                                                        title={p.info.branch}
+                                                    >
+                                                        {p.info.branch}
+                                                    </span>
+                                                </div>
+                                            </a>
+                                        </div>
                                         <span className="flex-grow" />
                                     </ItemField>
                                 </Item>