DOMUI Prefs: Replace search engine edit overlay with inline editing.

chrome/browser/resources/options/search_engine_manager.css

 #searchEngineList {
   -webkit-border-radius: 2px;
   border-bottom: 1px solid #d9d9d9;
   height: auto;
 }
 
 #searchEngineManagerPage .left-side-table {
   margin-top: 12px;
 }
 
 #searchEngineList .heading {
   -webkit-border-radius: 2px;
   color: black;
   border-bottom: 1px solid #d9d9d9;
 }
 
 #searchEngineList .heading:not(:nth-child(2)) {
   border-top: 1px solid #d9d9d9;
 }
 
-#searchEngineList .heading .name {
+#searchEngineList .heading .name-column {
   font-weight: bold;
 }
 
 #searchEngineList > div:not(.heading) {
   border-left: 1px solid #d9d9d9;
   border-right: 1px solid #d9d9d9;
 }
 
 #searchEngineList > div, #searchEngineHeading {
   display: -webkit-box;
 }
 
-#searchEngineList .name {
-  box-sizing: border-box;
-  width: 50%;
+#searchEngineList .favicon {
+  padding: 1px 7px 0px 7px;
+  height: 16px;
 }
 
-#searchEngineList .keyword {
-  -webkit-box-flex: 1;
+#searchEngineList .name-column {
+  box-sizing: border-box;
+  width: 37%;
 }
 
-#searchEngineList > div:not(.heading) .keyword {
+#searchEngineList .keyword-column {
+  width: 26%;
+}
+
+#searchEngineList .url-column {
+  width: 37%;
+}
+
+#searchEngineList > div:not(.heading) .keyword-column,
+#searchEngineList > div:not(.heading) .url-column {
   color: #666666;
 }
 
+#searchEngineList .name-column,
+#searchEngineList .keyword-column,
+#searchEngineList .url-column {
+  -webkit-padding-end: 1ex;
+}
+
 #searchEngineList .default {
   font-weight: bold;
 }
 
-#searchEngineList .name, #searchEngineList .keyword {
+#searchEngineList .default .url-column {
+  font-weight: normal;
+}
+
+#searchEngineList .name-column {
+  display: -webkit-box;
+}
+
+#searchEngineList .name-column :last-child {
+  -webkit-box-flex: 1;
+}
+
+#searchEngineList input {
+  box-sizing: border-box;
+  margin: 0;
+  width: 100%;
+}
+
+#searchEngineList .static-text {
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
+
+#searchEngineList > :not([editing]) [editmode=true] {
+  display: none;
+}
+
+#searchEngineList > [editing] [editmode=false] {
+  display: none;
+}
+
+#searchEngineList input.invalid {
+  /* TODO(stuartmorgan): Replace with actual badging */
+  background-color: pink;
+}