This updates the StaticIP configuration UI to match new mocks.

chrome/browser/resources/options2/options_page.css

Index: chrome/browser/resources/options2/options_page.css
diff --git a/chrome/browser/resources/options2/options_page.css b/chrome/browser/resources/options2/options_page.css
index b65aa5302f795678b2592f7843f7166dd8635ccf..df52c02b0257ded36b2fc21c73f2b7a8a6c4aaec 100644
--- a/chrome/browser/resources/options2/options_page.css
+++ b/chrome/browser/resources/options2/options_page.css
@@ -140,6 +140,57 @@ div.disabled {
   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;
@@ -276,7 +327,7 @@ list .static-text {
   white-space: nowrap;
 }
 
-list[inlineeditable] input {
+list[type='text'][inlineeditable] input {
   box-sizing: border-box;
   margin: 0;
   width: 100%;