Revamp desktop Autofill settings, round 2

chrome/browser/resources/options/autofill_options.css

Index: chrome/browser/resources/options/autofill_options.css
diff --git a/chrome/browser/resources/options/autofill_options.css b/chrome/browser/resources/options/autofill_options.css
index 8d844f17a8f2d20aa1daf3f30cb596821f25f728..41e7c57da0c9287f1000e4cf4444885575df129f 100644
--- a/chrome/browser/resources/options/autofill_options.css
+++ b/chrome/browser/resources/options/autofill_options.css
@@ -11,8 +11,11 @@
 }
 
 .autofill-list-item {
-  -webkit-box-flex: 1;
   -webkit-padding-start: 8px;
+}
+
+.autofill-list-item + .deemphasized {
+  -webkit-box-flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -21,7 +24,7 @@
   margin-top: 15px;
 }
 
-#autofill-options .deletable-item > span {
+#autofill-options .deemphasized {
   color: #777;
 }
 
@@ -42,6 +45,11 @@
 }
 
 #autofill-options div[role='listitem']:not(:hover):not([selected])
-    .list-inline-button {
+    .hide-until-hover {
+  display: none;
+}
+
+#autofill-options div[role='listitem']:-webkit-any(:hover,[selected])
+    .hides-on-hover {
   display: none;
 }