Bug 1504038 - Fix preference name styling on OS X on about:studies r=mythmon,Gijs
authorrdalal <rdalal@mozilla.com>
Fri, 07 Dec 2018 16:35:38 +0000
changeset 449613 68faf9528d57faadba69b18e883a3d291a504b5e
parent 449605 45cd802be3dd3d3271dc19a96e8a8adb7a73757e
child 449614 ec925f7dac88abd54ba19d4b317b7b3699ecce1f
push id35175
push userdvarga@mozilla.com
push dateSat, 08 Dec 2018 09:48:04 +0000
treeherdermozilla-central@336f58aeb663 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmythmon, Gijs
bugs1504038
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1504038 - Fix preference name styling on OS X on about:studies r=mythmon,Gijs Differential Revision: https://phabricator.services.mozilla.com/D13877
toolkit/components/normandy/content/about-studies/about-studies.css
--- a/toolkit/components/normandy/content/about-studies/about-studies.css
+++ b/toolkit/components/normandy/content/about-studies/about-studies.css
@@ -135,27 +135,36 @@ button > .button-box {
 
 .study-details {
   flex: 1;
   overflow: hidden;
 }
 
 .study-name {
   font-weight: bold;
-  margin-bottom: 0.3em;
   white-space: pre;
 }
 
+.study-header {
+  margin-bottom: .3em;
+}
+
 .study-header > * {
   margin-right: 5px;
 }
 
 .study-header > *:last-child {
   margin-right: 0;
 }
 
 .study-description code {
-  font: italic 1.0rem 'Fira Mono', 'mono', 'monospace';
+  background-color: var(--grey-20);
+  border-radius: 3px;
+  box-sizing: border-box;
+  color: var(--in-content-text-color);
+  font-size: 85%;
+  font-family: 'Fira Mono', 'mono', monospace;
+  padding: .2em .4em;
 }
 
 .study-actions {
   flex: 0 0;
 }