Bug 1782077 - [devtools] Restore CSS specificity for Edit And Resend headers r=nchevobbe, a=dsmith

The flex-wrap rule no longer had higher specificity than
    .network-monitor .tabpanel-summary-container {
        flex-wrap: wrap;
        padding-inline-start: 4px;
        margin-bottom: 5px;
    }

Which broke the layout.
https://searchfox.org/mozilla-central/rev/2bbb0c0a90df20702df8c8011a8996536a83cb75/devtools/client/netmonitor/src/assets/styles/HeadersPanel.css#166

I am adding a ".network-monitor" to selectors for which I started using a class instead of an ID.

Differential Revision: https://phabricator.services.mozilla.com/D153097

devtools/client/netmonitor/src/assets/styles/HTTPCustomRequestPanel.css

@@ -107,7 +107,7 @@
   overflow: auto;
 }
 
-.http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) {
+.network-monitor .http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) {
   position: relative;
   display: flex;
   flex-wrap: nowrap;
@@ -118,13 +118,13 @@
   padding-inline-end: 0;
 }
 
-.http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) .tabpanel-summary-input-name {
+.network-monitor .http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) .tabpanel-summary-input-name {
   width: 25%;
   align-self: stretch;
   min-width: min-content;
 }
 
-.http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) .tabpanel-summary-input-value {
+.network-monitor .http-custom-input-and-map-form :is(.http-custom-input, .map-add-new-inputs) .tabpanel-summary-input-value {
   width: 75%;
   align-self: stretch;
 }