[DevTools] UI for network conditions emulation.

Source/devtools/front_end/overrides.css

Index: Source/devtools/front_end/overrides.css
diff --git a/Source/devtools/front_end/overrides.css b/Source/devtools/front_end/overrides.css
index df95869f14f2db37330e9e80e0f52234758fc3e6..ae51bf0906b551b9392f57f6523dce454067724f 100644
--- a/Source/devtools/front_end/overrides.css
+++ b/Source/devtools/front_end/overrides.css
@@ -103,6 +103,25 @@
     padding-top: 5px;
 }
 
+.overrides-network fieldset {
+    padding-top: 5px;
+}
+
+.overrides-network fieldset p {
+    width: 100%;
+}
+
+.overrides-network fieldset .explanation {
+    margin-top: 5px;
+    font-size: 11px;
+}
+
+.overrides-network input[type=text] {
+    width: 100%;
+    max-width: 400px;
+    min-width: 120px;
+}
+
 .overrides-device > select {
     margin-bottom: 10px;
     width: 400px;
@@ -183,7 +202,7 @@ button.overrides-swap {
     margin-bottom: 10px;
 }
 
-.overrides-device, .overrides-viewport, .overrides-user-agent, .overrides-sensors {
+.overrides-device, .overrides-viewport, .overrides-user-agent, .overrides-network, .overrides-sensors {
     flex: none !important;
 }
 
@@ -194,6 +213,7 @@ button.overrides-swap {
 .overrides-activate-device #tab-device,
 .overrides-activate-viewport #tab-viewport,
 .overrides-activate-user-agent #tab-user-agent,
+.overrides-activate-network #tab-network,
 .overrides-activate-sensors #tab-sensors {
     color: rgb(25, 100, 228);
     opacity: 0.8;
@@ -202,6 +222,7 @@ button.overrides-swap {
 .overrides-activate-device #tab-device.selected,
 .overrides-activate-viewport #tab-viewport.selected,
 .overrides-activate-user-agent #tab-user-agent.selected,
+.overrides-activate-network #tab-network.selected,
 .overrides-activate-sensors #tab-sensors.selected {
     opacity: 1;
 }