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;
}
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;
}
/* Body and container */\r
body {\r
display: flex;\r
+ flex-direction: column;\r
box-sizing: padding-box;\r
min-height: 100vh;\r
padding-top: 0;\r
max-width: 52em;\r
}\r
\r
+.container.flex {\r
+ display: flex;\r
+ flex-direction: column;\r
+ flex-grow: 1;\r
+ margin: 10vh 0;\r
+}\r
+\r
/* Typography */\r
.title {\r
background-image: url("chrome://browser/skin/aboutNetError_info.svg");\r
}\r
\r
/* Trees */\r
-tree {\r
- min-height: 12em;\r
+.tree-container {\r
margin-top: 1.2em;\r
+ flex-grow: 1;\r
+ min-height: 12em;\r
+}\r
+\r
+.tree-container > tree {\r
+ height: 100%;\r
+}\r
+\r
+tree {\r
width: 100%;\r
-}
\ No newline at end of file
+}\r