Bug 1259355 - Fix Private Browsing start-page overflows off the window bottom r?rickychien
MozReview-Commit-ID: I1l9drbUYaT
--- a/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css
+++ b/browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css
@@ -18,19 +18,17 @@
--color-darkTheme-purple-text: #beb8cc;
--color-darkTheme-purple-text-strong: #ebe3fc;
--icon-margin: 64px;
}
body {
- padding: 40px;
background-color: var(--color-background-light);
- font-size: 1.5em;
}
body.private {
color: var(--color-darkTheme-purple-text);
background-color: var(--color-background-dark-purple);
}
a:link {
@@ -56,16 +54,20 @@ a:visited {
}
section.section-main {
margin-bottom: 48px;
-moz-margin-start: var(--icon-margin);
-moz-padding-start: 24px;
}
+section:last-child.section-main {
+ margin-bottom: 0;
+}
+
p {
line-height: 1.5em;
}
.list-row {
overflow: auto;
}
@@ -81,16 +83,17 @@ p {
background-size: 64px;
background-position: left, center;
font-weight: lighter;
line-height: 1.5em;
color: var(--color-darkTheme-purple-text);
min-height: 64px;
-moz-margin-start: 0;
-moz-padding-start: calc(var(--icon-margin) + 24px);
+ width: 100%;
}
.about-subheader {
display: flex;
align-items: center;
font-size: 1.5em;
font-weight: lighter;
min-height: 32px;