Bug 1432834 - fix vertical alignment of netmonitor requests
MozReview-Commit-ID: LXNOYtMU9aH
--- 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);
}