diff options
Diffstat (limited to 'arc-firefox-theme/chrome/browser/aboutNetError.css')
-rw-r--r-- | arc-firefox-theme/chrome/browser/aboutNetError.css | 51 |
1 files changed, 30 insertions, 21 deletions
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css index ff80788..6a65ab4 100644 --- a/arc-firefox-theme/chrome/browser/aboutNetError.css +++ b/arc-firefox-theme/chrome/browser/aboutNetError.css @@ -6,7 +6,7 @@ body { display: flex; - box-sizing: border-box; + box-sizing: padding-box; min-height: 100vh; padding: 0 48px; align-items: center; @@ -33,23 +33,18 @@ ul { max-width: 512px; } -#errorTitle { - background: url("aboutNetError_info.svg") left 0 no-repeat; - background-size: 3em; - -moz-margin-start: -5em; - -moz-padding-start: 5em; -} - #errorTitleText { - border-bottom: 1px solid #C1C1C1; - padding-bottom: 0.4em; + background: url("aboutNetError_info.svg") left 0 no-repeat; + background-size: 1.2em; + -moz-margin-start: -2em; + -moz-padding-start: 2em; } #errorTitleText:-moz-dir(rtl) { background-position: right 0; } -#errorTitle[sslv3=true] { +#errorTitleText[sslv3=true] { background-image: url("aboutNetError_alert.svg"); } @@ -63,7 +58,7 @@ ul { } @media (max-width: 675px) { - #errorTitle { + #errorTitleText { padding-top: 0; background-image: none; -moz-padding-start: 0; @@ -125,15 +120,6 @@ div#certificateErrorReportingPanel:-moz-dir(rtl) { right: 0; } -#errorStatePanel { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; - align-content: space-between; - align-items: flex-start; -} - span#hostname { font-weight: bold; } @@ -141,3 +127,26 @@ span#hostname { #automaticallyReportInFuture { cursor: pointer; } + +#reportingState { + padding-left: 150px; +} + +#reportSendingMessage { + position: relative; + display: none; +} + +#reportSentMessage { + position: relative; + display: none; +} + +button#reportCertificateError { + position: relative; +} + +button#reportCertificateErrorRetry { + position: relative; + display: none; +} |