fourth part of syncing LCARStrek with Firefox 41 windows theme changes

[themes.git] / LCARStrek / browser / aboutNetError.css

diff --git a/LCARStrek/browser/aboutNetError.css b/LCARStrek/browser/aboutNetError.css
index dc7aedc654fbdb52369bd5454f5714f861592afd..a143766b471c576561fb9ee034b9530c8d784d93 100644 (file)
--- a/LCARStrek/browser/aboutNetError.css
+++ b/LCARStrek/browser/aboutNetError.css
@@ -6,7 +6,7 @@
 
 body {
   display: flex;
-  box-sizing: padding-box;
+  box-sizing: border-box;
   min-height: 100vh;
   padding: 0 48px;
   align-items: center;
@@ -33,11 +33,16 @@ ul {
   max-width: 512px;
 }
 
-#errorTitleText {
+#errorTitle {
   background: url("aboutNetError_info.svg") left 0 no-repeat;
-  background-size: 1.2em;
-  -moz-margin-start: -2em;
-  -moz-padding-start: 2em;
+  background-size: 3em;
+  -moz-margin-start: -5em;
+  -moz-padding-start: 5em;
+}
+
+#errorTitleText {
+  border-bottom: 1px solid #A09090;
+  padding-bottom: 0.4em;
 }
 
 #errorTitleText[sslv3] {
@@ -58,7 +63,7 @@ ul {
 }
 
 @media (max-width: 675px) {
-  #errorTitleText {
+  #errorTitle {
     padding-top: 0;
     background-image: none;
     -moz-padding-start: 0;
@@ -127,6 +132,15 @@ 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;
 }
@@ -135,25 +149,12 @@ 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;
 }