Finish implementation of controlled setting indicator

chrome/browser/resources/options/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 446 matching lines @@
 .options-bubble {
   position: fixed;
 }
 
 /* Controlled setting indicator and bubble. */
 
 .controlled-setting-indicator {
   display: none;
 }
 
+.controlled-setting-indicator:-webkit-any([type='text'],[type='url']) {
+  -webkit-margin-start: 5px;
+}
+
 .controlled-setting-indicator[controlled-by] {
   background-size: 16px;
   display: inline-block;
   height: 16px;
   vertical-align: text-bottom;
   width: 16px;
 }
 
 .controlled-setting-indicator[controlled-by='policy'] {
   background-image:
@@ skipping 10 matching lines @@
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_GRAY');
 }
 
 .controlled-setting-indicator[controlled-by='extension']:-webkit-any(:hover,
     .showing-bubble) {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
 }
 
-.controlled-setting-indicator[controlled-by='recommended'] {
+.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
+    [controlled-by='hasRecommendation']) {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_GRAY');
 }
 
-.controlled-setting-indicator[controlled-by='recommended']:-webkit-any(:hover,
-    .showing-bubble) {
+.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
+    [controlled-by='hasRecommendation']):-webkit-any(:hover,.showing-bubble) {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED');
 }
 
 .controlled-setting-bubble-content {
   -webkit-padding-start: 30px;
   background-repeat: no-repeat;
   background-size: 22px;
   min-height: 32px;
 }
 
 .controlled-setting-bubble-content[controlled-by='policy'] {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');
 }
 
 .controlled-setting-bubble-content[controlled-by='extension'] {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_LARGE');
 }
 
-.controlled-setting-bubble-content[controlled-by='recommended'] {
+.controlled-setting-bubble-content:-webkit-any([controlled-by='recommended'],
+    [controlled-by='hasRecommendation']) {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
 }
 
 html[dir='rtl'] .controlled-setting-bubble-content {
   background-position: right top;
 }
 
 .controlled-setting-bubble-action {
   padding: 0 !important;
 }