[DevTools] UI for network conditions emulation.

Source/devtools/front_end/responsiveDesignView.css

Index: Source/devtools/front_end/responsiveDesignView.css
diff --git a/Source/devtools/front_end/responsiveDesignView.css b/Source/devtools/front_end/responsiveDesignView.css
index b65cc6797ec57c5d7f931dd57e533f6ce33c431b..cece57c1ba33c516c435ec68452c10e315409359 100644
--- a/Source/devtools/front_end/responsiveDesignView.css
+++ b/Source/devtools/front_end/responsiveDesignView.css
@@ -128,13 +128,21 @@
 
 .responsive-design-toolbar input[type='text'] {
     color: rgb(255, 156, 0);
-    text-align: center;
+    text-align: left;
     background-color: transparent;
     border: none;
     margin: 0;
     padding-bottom: 4px;
 }
 
+.responsive-design-toolbar input[type='text'].numeric {
+    text-align: center;
+}
+
+.responsive-design-toolbar input[type='text']::-webkit-input-placeholder {
+    color: rgba(255, 156, 0, 0.5);
+}
+
 .responsive-design-toolbar input[type='text']:not(.numeric) {
     width: 100%;
     margin-left: 7px;
@@ -273,6 +281,10 @@ body.platform-mac .responsive-design-toolbar select {
     transform: rotate(180deg);
 }
 
+.responsive-design-network select {
+    width: 120px;
+}
+
 .responsive-design-warning {
     background-color: rgb(64, 64, 64);
     color: rgb(180, 180, 180);