diff --git a/mobile/chrome/content/aboutHome.xhtml b/mobile/chrome/content/aboutHome.xhtml index da4c4f2aeae..4e3c95a5ffd 100644 --- a/mobile/chrome/content/aboutHome.xhtml +++ b/mobile/chrome/content/aboutHome.xhtml @@ -222,15 +222,11 @@ let uri = chromeWin.Util.makeURI(url); let favicon = chromeWin.gFaviconService.getFaviconImageForPage(uri).spec; - let outer = document.createElement("div"); + let outer = document.createElement("a"); outer.setAttribute("role", "button"); + outer.setAttribute("href", url); - let pageURL = url; - outer.addEventListener("click", function() { - openTabs([pageURL]); - }, false); - - allPageURLs.push(pageURL); + allPageURLs.push(url); let img = document.createElement("img"); img.className = "favicon"; diff --git a/mobile/themes/core/aboutHome.css b/mobile/themes/core/aboutHome.css index ac02718b8d6..680a7abed73 100644 --- a/mobile/themes/core/aboutHome.css +++ b/mobile/themes/core/aboutHome.css @@ -99,19 +99,27 @@ body[dir="rtl"] #logo { border-radius: 8px 8px 0 0; } -.section-box > div { +.section-box > div, +.section-box > a { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 8px; padding-bottom: 12px; position: relative; } -.section-box > div:last-child { +.section-box > a { + display: block; + text-decoration: none; +} + +.section-box > div:last-child, +.section-box > a:last-child { border-bottom: 0; } /* Make room for the image */ .section-box > div > div, +.section-box > a > div, .section-row > div > div { -moz-margin-start: 48px; }