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;
+}