Hard to select a branch ID for copying on a bug report page

[Matthew Paul Thomas]

1. Go to a bug report that has a linked branch, e.g. bug 828223.
2. Try to select the branch ID, so that you can copy and paste it into a terminal.

What happens:
* If you start from the left, you end up either selecting all the previous text in the page as well, or dragging the branch icon.
* If you start from the right, your local copy of the branch accidentally ends up in a "Remove/" directory, because you also copied the alt text for the Remove button.

Bug 486753 suggests one way to address this -- a Flash object that copies the URL to the clipboard.

Another way would be to (a) turn the branch icon into a non-repeating CSS background rather than an <img>, and (b) move the Remove button further away from the link, so that neither of them are selected by mistake when selecting the URL.

[Данило Шеган (danilo)]

To clarify, this seems to only happen in Firefox (I've tested Epiphany, Chromium, Opera): in my tests I could easily select from right or from left (sometimes selecting the entire line, but no ALT text was included) in all the other browsers.

Work-arounds for Firefox users (until this is fixed) that I could think of:
 - copy the actual link and use that with bzr (Launchpad will forward code.l.n links to proper bazaar.l.n links)
 - start from above the URL when copying from the left
 - start between the link and remove icon on the right

A solution for better selectivity from the left might be to add some more left padding to the divs containing the link.

[Matthew Paul Thomas (mpt)]

Another workaround is to drag the branch link directly into the terminal. Setting a.branch:hover {cursor:move} could make that more obvious by itself.