Add base class cr.ui.BubbleButton for options.ControlledSettingIndicator

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 459 matching lines @@
 
 .controlled-setting-with-label > input:disabled + span label {
   color: #999;
 }
 
 .controlled-setting-with-label label {
   display: inline;
   padding: 0;
 }
 
-.controlled-setting-indicator {
-  display: none;
-}
-
 input:-webkit-any([type='text'],[type='url'],:not([type])) +
     .controlled-setting-indicator {
   -webkit-margin-start: 5px;
 }
 
-.controlled-setting-indicator[controlled-by] {
-  display: inline-block;
-  height: 0;
-  line-height: 1;
-  vertical-align: middle;
-  width: 16px;
-}
-
-.controlled-setting-indicator[controlled-by] > div {
-  background-size: 16px;
-  height: 16px;
-  position: relative;
-  top: -8px;
-  width: 16px;
+.controlled-setting-indicator:not([controlled-by]) {
+  display: none;
 }
 
 .controlled-setting-indicator[controlled-by='policy'] > div {
   background-image:
       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
 }
 
 .controlled-setting-indicator[controlled-by='policy'] >
     div:-webkit-any(:hover,.showing-bubble) {
   background-image:
@@ skipping 47 matching lines @@
       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;
 }