Bug 1389255 - Fix the styling of multitable section in about:telemetry draft
authorflyingrub <flyinggrub@gmail.com>
Tue, 15 Aug 2017 14:22:39 +0200
changeset 646576 f07f97f0f86e1755878f9a160ac1256c97d9c0f2
parent 646498 564e82f0f289af976da01c2d50507017bbc152b5
child 726286 df1b6d90fdf85dd02b27702044d8b09de4409a14
push id74168
push userbmo:flyinggrub@gmail.com
push dateTue, 15 Aug 2017 12:37:37 +0000
bugs1389255
milestone57.0a1
Bug 1389255 - Fix the styling of multitable section in about:telemetry r?chutten Also some minor css fixes to keyed histogram section. MozReview-Commit-ID: LkRUBREkGwa
toolkit/content/aboutTelemetry.css
--- a/toolkit/content/aboutTelemetry.css
+++ b/toolkit/content/aboutTelemetry.css
@@ -223,25 +223,24 @@ body[dir="rtl"] .histogram {
   text-overflow: ellipsis;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
 }
 
 .keyed-histogram {
   white-space: nowrap;
-  padding: 15px;
   position: relative; /* required for position:absolute of the contained .copy-node */
   overflow: hidden;
 }
 
 .keyed-histogram-title {
   text-overflow: ellipsis;
   width: 100%;
-  margin: 10px;
+  margin: 12px 0;
   font-weight: bold;
   font-size: 120%;
   white-space: nowrap;
 }
 
 .bar {
   width: 2em;
   margin: 2px;
@@ -290,20 +289,19 @@ th {
   padding-bottom: 0.5em;
 }
 
 body[dir="rtl"] th {
   text-align: right;
 }
 
 caption {
-  font-weight: bold;
-  white-space: nowrap;
   text-align: left;
-  font-size: large;
+  font-size: xx-large;
+  margin: 1em 0 0.5em 0;
 }
 
 body[dir="rtl"] caption {
   text-align: right;
 }
 
 .copy-node {
   visibility: hidden;
@@ -318,13 +316,8 @@ body[dir="rtl"] .copy-node {
 
 .histogram:hover .copy-node {
   visibility: visible;
 }
 
 #raw-ping-data {
   font-size: 15px;
 }
-
-caption {
-  font-size: larger;
-  margin: 5px 0;
-}
\ No newline at end of file