}
#errorPageContainer {
+ position: relative;
min-width: 320px;
max-width: 512px;
}
div#certificateErrorReporting {
display: none;
- float:right;
+ float: right;
/* Align with the "Try Again" button */
- margin-top:24px;
- margin-right:24px;
+ margin-top: 19px;
+ -moz-margin-end: 0;
}
div#certificateErrorReporting a,
background-color: #C09070;
color: #000000;
border-radius: 300px;
+ padding: 1px 6px;
}
div#certificateErrorReporting a {
-/* text-decoration: none; */
}
div#certificateErrorReporting a:hover {
-/* text-decoration: underline; */
+ text-decoration: none;
background-color: #FFCF00;
}
span.downArrow {
- font-size: 0.9em;
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 0.6em;
+ -moz-margin-start: 0.5em;
+ transform: scaleY(0.7);
}
div#certificateErrorReportingPanel {
/* Don't use top padding because the default p style has top padding, and it
* makes the overall div look uneven */
padding: 0 12px 12px 12px;
- position: relative;
+ font-size: 0.9em;
+ position: absolute;
width: 75%;
+ margin-top: 10px;
+}
+
+div#certificateErrorReportingPanel:-moz-dir(ltr) {
left: 34%;
- font-size: 0.9em;
- top: 8px;
+}
+
+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 {
cursor: pointer;
}
-#reportingState {
- padding-left: 150px;
-}
-
#reportSendingMessage {
- position: relative;
- display: none;
+ /* adjust the line-height to match the link */
+ line-height: 22px;
}
#reportSentMessage {
- position: relative;
- display: none;
-}
-
-button#reportCertificateError {
- position: relative;
-}
-
-button#reportCertificateErrorRetry {
- position: relative;
- display: none;
+ /* adjust the line-height to match the link */
+ line-height: 22px;
}