This updates the StaticIP configuration UI to match new mocks.

chrome/browser/resources/options2/options_page.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   position: relative;
 }
 
 #main-content {
   bottom: 0;
@@ skipping 122 matching lines @@
 }
 
 .settings-list-empty {
   background-color: #f4f4f4;
   box-sizing: border-box;
   min-height: 125px;
   padding-left: 20px;
   padding-top: 20px;
 }
 
+
+/* Editable text field properties */
+.editable-text-field > * {
+  -webkit-box-align: center;
+  -webkit-transition: 150ms background-color;
+  border: none;
+  box-sizing: border-box;
+  display: -webkit-box;
+  height: 20px;
+  margin: 0;
+}
+
+.editable-text-field > .spacer {
+  /* The above height rule should not apply to spacers. */
+  height: 0;
+}
+
+.editable-text-field .editable-text {
+  padding: 3px;
+  padding-bottom: 2px;
+  padding-top: 2px;

[Dan Beam, 2012/08/11 01:38:02]

padding: 2px 3px;

[Greg Spencer (Chromium), 2012/08/13 19:20:04]

Done.

+}
+
+.editable-text-field .static-text {
+  height: 24px;
+  overflow: hidden;
+  padding: 4px;

[Dan Beam, 2012/08/11 01:38:02]

padding: 3px 4px;

[Greg Spencer (Chromium), 2012/08/13 19:20:04]

Done.

+  padding-bottom: 3px;
+  padding-top: 3px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.editable-text-field:not([editable]) > [displaymode='edit'] {
+  display: none;
+}
+
+.editable-text-field[editable] > [displaymode='static'] {
+  display: none;
+}
+
+.editable-text-field[empty] > input[type='text'] {
+  color: #CCC;

[Dan Beam, 2012/08/11 01:38:02]

nit: #ccc

[Greg Spencer (Chromium), 2012/08/13 19:20:04]

Done.

+  font-style: italic;
+}
+
+.editable-text-field[disabled] {
+  opacity: 0.6;
+}
+
+/* Editable List properties */
 list > * {
   -webkit-box-align: center;
   -webkit-transition: 150ms background-color;
   border: none;
   border-radius: 0;  /* TODO(dbeam): Is this necessary? */
   box-sizing: border-box;
   display: -webkit-box;
   height: 32px;
   margin: 0;
 }
@@ skipping 116 matching lines @@
       url('../../../../ui/resources/default_200_percent/close_bar_pressed.png')
           2x);
 }
 
 list .static-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-list[inlineeditable] input {
+list[type='text'][inlineeditable] input {
   box-sizing: border-box;
   margin: 0;
   width: 100%;
 }
 
 list > :not([editing]) [displaymode='edit'] {
   display: none;
 }
 
 list > [editing] [displaymode='static'] {
@@ skipping 238 matching lines @@
   background-size: 22px;
 }
 
 html[dir='rtl'] .controlled-setting-bubble-text {
   background-position: right top;
 }
 
 .controlled-setting-bubble-action {
   padding: 0 !important;
 }