Bug 1153292 - part2: aboutdebugging: fix service worker layout if buttons are not displayed;r=janx
authorJulian Descottes <jdescottes@mozilla.com>
Thu, 11 Aug 2016 19:44:12 +0200
changeset 316181 6f119f302f36a4b69230619390dee9cda2d3fa5b
parent 316180 f2b131557c0a961b10cf59739e8846ee903362da
child 316182 ff027e2ec0ea59b504e1579255cb56cd6c92dec4
push id30765
push userphilringnalda@gmail.com
push dateTue, 04 Oct 2016 03:06:46 +0000
treeherdermozilla-central@adb484f84dec [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjanx
bugs1153292
milestone52.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 1153292 - part2: aboutdebugging: fix service worker layout if buttons are not displayed;r=janx MozReview-Commit-ID: cGzVVcNyNv
devtools/client/aboutdebugging/aboutdebugging.css
--- a/devtools/client/aboutdebugging/aboutdebugging.css
+++ b/devtools/client/aboutdebugging/aboutdebugging.css
@@ -10,16 +10,17 @@ html, body {
 h2, h3, h4 {
   margin-bottom: 10px;
 }
 
 button {
   padding-left: 20px;
   padding-right: 20px;
   min-width: 100px;
+  margin: 0 4px;
 }
 
 /* Category panels */
 
 .category {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -55,36 +56,35 @@ button {
   padding: 0;
 }
 
 .target-container {
   margin-top: 5px;
   min-height: 34px;
   display: flex;
   flex-direction: row;
-  align-items: baseline;
+  align-items: self-start;
 }
 
 .target-icon {
   height: 24px;
-  margin: 6px 5px 0 0;
-  /* Override the icon alignment and center it using margin-top. */
-  align-self: flex-start;
+  margin: 0 5px 0 0;
 }
 
 .target-icon:not([src]) {
   display: none;
 }
 
 .inverted-icons .target-icon {
   filter: invert(30%);
 }
 
 .target {
   flex: 1;
+  margin-top: 2px;
   /* This is silly: https://bugzilla.mozilla.org/show_bug.cgi?id=1086218#c4. */
   min-width: 0;
 }
 
 .target-details {
   margin: 0;
   padding: 0;
   list-style-type: none
@@ -117,17 +117,17 @@ button {
   margin-left: 8px;
 }
 
 .target-status {
   box-sizing: border-box;
   display: inline-block;
 
   min-width: 50px;
-  margin-right: 5px;
+  margin: 4px 5px 0 0;
   padding: 2px;
 
   border-width: 1px;
   border-style: solid;
 
   font-size: 0.6em;
   text-align: center;
 }
@@ -138,17 +138,19 @@ button {
 }
 
 .target-status-running {
   border-color: limegreen;
   background-color: palegreen;
 }
 
 .target-name {
-  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .addons-controls {
   display: flex;
   flex-direction: row;
 }
 
 .addons-install-error {