Bug 1198286 - Visual adjustments to about:privatebrowsing. r=bgrins, a=sledru
authorPaolo Amadini <paolo.mozmail@amadzone.org>
Tue, 25 Aug 2015 15:48:34 +0100
changeset 289017 af82d216ded712f62ce6338cb46853d5b2ecc154
parent 289016 a3ee615760e96ec70672453a4a5880a256b1d826
child 289018 862be85efa1411d55bb7318733babfdf0adfd836
push id5067
push userraliiev@mozilla.com
push dateMon, 21 Sep 2015 14:04:52 +0000
treeherdermozilla-beta@14221ffe5b2f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins, sledru
bugs1198286
milestone42.0a2
Bug 1198286 - Visual adjustments to about:privatebrowsing. r=bgrins, a=sledru
browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
--- a/browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
+++ b/browser/components/privatebrowsing/content/aboutPrivateBrowsing.css
@@ -33,19 +33,19 @@ body[globalTpEnabled] .showGlobalTpDisab
 
 #bar {
   align-self: stretch;
   background: url("chrome://browser/skin/privatebrowsing/mask.svg") no-repeat 22px 50%,
               #8d20ae;
   background-size: 47px 26px;
   padding-inline-start: 87px;
   color: white;
-  font-size: 24pt;
+  font-size: 1.5em;
   font-weight: 200;
-  line-height: 60pt;
+  line-height: 2.5em;
 }
 
 #main {
   padding: 0 2em;
   flex: 1;
   display: flex;
   flex-flow: row wrap;
   align-items: center;
@@ -59,17 +59,17 @@ body[globalTpEnabled] .showGlobalTpDisab
 /* PRIVATE BROWSING SECTION */
 
 #privateBrowsingSection {
   margin: 1em;
   padding: 0 1em;
 }
 
 ul {
-  margin-bottom: 0;
+  margin: 0;
   padding-inline-start: 8px;
 }
 
 li {
   list-style: none;
   padding-inline-start: 24px;
   background-size: 16px 16px;
   background-repeat: no-repeat;
@@ -97,20 +97,21 @@ li {
 #list-area {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
 }
 
 #list-area > div {
-  margin-inline-end: 1em;
+  margin-inline-end: 3em;
 }
 
 .list-header {
+  margin-bottom: 0.4em;
   font-weight: bold;
 }
 
 /* TRACKING PROTECTION SECTION */
 
 #trackingProtectionSection {
   margin: 1em;
   padding: 1em;
@@ -153,18 +154,17 @@ li {
   }
 }
 
 #tpStartTour {
   margin-bottom: 0;
 }
 
 #startTour {
-  display: inline-block;
-  width: 16em;
+  display: block;
   border-radius: 2px;
   background-color: var(--in-content-primary-button-background);
   color: var(--in-content-selected-text);
   padding: 0.1em 0.3em;
   line-height: 2.25em;
   text-decoration: none;
 }