diff --git a/mobile/android/chrome/content/aboutReader.html b/mobile/android/chrome/content/aboutReader.html index b5aedccf788..13d0394fd2d 100644 --- a/mobile/android/chrome/content/aboutReader.html +++ b/mobile/android/chrome/content/aboutReader.html @@ -10,7 +10,8 @@
-
+ +

diff --git a/mobile/android/chrome/content/aboutReader.js b/mobile/android/chrome/content/aboutReader.js index a3cf22a3b3e..57b94c0d971 100644 --- a/mobile/android/chrome/content/aboutReader.js +++ b/mobile/android/chrome/content/aboutReader.js @@ -515,10 +515,9 @@ AboutReader.prototype = { this._article = article; + this._domainElement.href = article.url; let articleUri = Services.io.newURI(article.url, null, null); - let domain = articleUri.host; - - this._domainElement.innerHTML = domain; + this._domainElement.innerHTML = articleUri.host; this._creditsElement.innerHTML = article.byline; diff --git a/mobile/android/themes/core/aboutReader.css b/mobile/android/themes/core/aboutReader.css index e59eba4961e..80315382ddc 100644 --- a/mobile/android/themes/core/aboutReader.css +++ b/mobile/android/themes/core/aboutReader.css @@ -44,13 +44,25 @@ body { display: none; } -.header > .domain { +.domain, +.credits { + font-family: "Open Sans", sans-serif; +} + +.domain { margin-top: 10px; padding-bottom: 10px; - border-bottom: 2px solid; + color: #00acff !important; + text-decoration: none; +} + +.domain-border { + border-bottom: 1.5px solid #777777; + width: 50%; } .header > h1 { + font-size: 2.625em; font-weight: 300; line-height: 1.1em; width: 100%; @@ -60,6 +72,10 @@ body { padding: 0px; } +.serif > .header > h1 { + font-weight: 700; +} + .header > .credits { padding: 0px; margin: 0px; @@ -163,14 +179,14 @@ body { .light > .content a:visited, .light > .content a:hover, .light > .content a:active { - color: #ee6700 !important; + color: #00acff !important; } .dark > .content a, .dark > .content a:visited, .dark > .content a:hover, .dark > .content a:active { - color: #ff9400 !important; + color: #00acff !important; } .content * { @@ -218,6 +234,7 @@ body { .content .caption, .content .wp-caption-text, .content figcaption { + font-family: "Open Sans", sans-serif; margin: 0px !important; padding-top: 4px !important; }