Finish implementation of controlled setting indicator

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index ac64296b1a100d792dfc58e1e037d5f597804453..d0ea0f00fc88296c220d347c4ffb2e57e7b8689a 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -464,6 +464,10 @@ html:not([enablePepperFlashSettings]) .pepper-flash-settings {
   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;
@@ -494,13 +498,14 @@ html:not([enablePepperFlashSettings]) .pepper-flash-settings {
       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');
 }
@@ -522,7 +527,8 @@ html:not([enablePepperFlashSettings]) .pepper-flash-settings {
       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');
 }