diff --git a/browser/base/content/aboutHome.css b/browser/base/content/aboutHome.css index 8959dfc49b6..e96bf05a671 100644 --- a/browser/base/content/aboutHome.css +++ b/browser/base/content/aboutHome.css @@ -373,25 +373,8 @@ body[dir=rtl] #restorePreviousSession::before { padding-top: 1em; } -/* Hack to make buttons appear as links. Necessary to piggyback on browser.js - * OnBrowserClick listener, which checks that click originates from a button. - */ .sync-link { - -moz-appearance: none; - outline: none; - border: none; - color: -moz-hyperlinktext; - background-color: transparent; -} - -.sync-link:hover { - color: -moz-activehyperlinktext; - text-decoration: underline; - cursor: pointer; -} - -.sync-link:active { - padding: 0px 6px 0px 6px; + padding: 1em; } @media all and (max-height: 370px) { diff --git a/browser/base/content/aboutHome.xhtml b/browser/base/content/aboutHome.xhtml index 18657301549..b6fb4ea7c4b 100644 --- a/browser/base/content/aboutHome.xhtml +++ b/browser/base/content/aboutHome.xhtml @@ -103,8 +103,8 @@ &abouthome.aboutMozilla; diff --git a/browser/base/content/browser.js b/browser/base/content/browser.js index 971782793dd..828c94f8618 100644 --- a/browser/base/content/browser.js +++ b/browser/base/content/browser.js @@ -2687,7 +2687,9 @@ function BrowserOnAboutPageLoad(document) { */ function BrowserOnClick(event) { // Don't trust synthetic events - if (!event.isTrusted || event.target.localName != "button") + if (!event.isTrusted || + (event.target.localName != "button" && + event.target.className != "sync-link")) return; var ot = event.originalTarget;