Bug 1432834 - fix vertical alignment of netmonitor requests draft
authorJulian Descottes <jdescottes@mozilla.com>
Wed, 24 Jan 2018 23:28:14 +0100
changeset 724345 b629005ad64271954bb15c3dddc0c0336f150532
parent 723714 58e45c38f6c87481e71a8bd83b39b3ddbbc0532b
child 747143 9d7a088f23716db1ef7954e3c3f72fe4a3ac43fd
push id96739
push userjdescottes@mozilla.com
push dateWed, 24 Jan 2018 22:28:54 +0000
bugs1432834
milestone60.0a1
Bug 1432834 - fix vertical alignment of netmonitor requests MozReview-Commit-ID: LXNOYtMU9aH
devtools/client/netmonitor/src/assets/styles/RequestList.css
--- a/devtools/client/netmonitor/src/assets/styles/RequestList.css
+++ b/devtools/client/netmonitor/src/assets/styles/RequestList.css
@@ -387,27 +387,28 @@
 .requests-list-response-header {
   width: 10%;
 }
 
 /* Domain column */
 
 .requests-list-domain {
   width: 30%;
+  line-height: 24px;
 }
 
 .requests-list-domain.requests-list-column {
   text-align: start;
 }
 
 .requests-security-state-icon {
   display: inline-block;
   width: 16px;
   height: 16px;
-  margin: 0 4px;
+  margin: 4px;
   vertical-align: top;
 }
 
 .request-list-item.selected .requests-security-state-icon {
   filter: brightness(1.3);
 }
 
 .security-state-insecure {
@@ -621,16 +622,19 @@
 .request-list-item {
   position: relative;
 /*
   display: table-row;
   Bug 1431132: Disabling this rule is surprising as we no longer have "rows".
   But this helps preventing reflowing the whole requests list anytime we append
   a new request/row.
 */
+}
+
+.request-list-item > .requests-list-column {
   height: 24px;
 }
 
 .request-list-item.selected {
   background-color: var(--theme-selection-background);
   color: var(--theme-selection-color);
 }