Bug 1418952 - style updates for about:devtools;r=nchevobbe draft
authorJulian Descottes <jdescottes@mozilla.com>
Mon, 20 Nov 2017 11:48:38 +0100
changeset 701473 2527b60e1bd23e9fd196296089ef9c0cea449d1b
parent 701472 04b23af830b3fd5ce16fe76ee47e3bca4e013575
child 741174 7a427a761eb13f7395a358900aad7fab539efb70
push id90171
push userjdescottes@mozilla.com
push dateTue, 21 Nov 2017 19:37:33 +0000
reviewersnchevobbe
bugs1418952
milestone59.0a1
Bug 1418952 - style updates for about:devtools;r=nchevobbe MozReview-Commit-ID: IFaDZBgmJPh
devtools/shim/aboutdevtools/aboutdevtools.css
--- a/devtools/shim/aboutdevtools/aboutdevtools.css
+++ b/devtools/shim/aboutdevtools/aboutdevtools.css
@@ -20,41 +20,36 @@
   --white: #ffffff;
 
   /* Shared variables */
   --line-height: 1.5em;
 }
 
 html, body {
   min-width: 600px;
-  height: 100%;
+}
+
+body {
+  margin-top: 17vh;
 }
 
 p {
   line-height: var(--line-height);
 }
 
 .box {
-  width: 100%;
   max-width: 850px;
   display: flex;
   flex-shrink: 0;
-}
-
-#install-page .box {
-  padding: 17% 0 50px 0;
-}
-
-#welcome-page .box {
-  padding: 50px 0;
+  padding: 0 0 50px 0;
+  /* Compensate for the optional scrollbar. */
+  margin-right: calc(100% - 100vw);
 }
 
 .wrapper {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 .left-pane {
   width: 300px;
   height: 300px;