Add error indicators to always-on andno-dsp hotword checkboxes.

chrome/browser/resources/options/hotword_search_setting_indicator.css

Index: chrome/browser/resources/options/hotword_search_setting_indicator.css
diff --git a/chrome/browser/resources/options/hotword_search_setting_indicator.css b/chrome/browser/resources/options/hotword_search_setting_indicator.css
index 1abdeb6a0763830d35719e1d4ed038b857045922..ec0308988cce6a65ad5b216f02ef862340f63011 100644
--- a/chrome/browser/resources/options/hotword_search_setting_indicator.css
+++ b/chrome/browser/resources/options/hotword_search_setting_indicator.css
@@ -8,3 +8,11 @@
   background: url('chrome://theme/IDR_WARNING') left top no-repeat;
   background-size: 18px;
 }
+#hotword-always-on-search-setting-indicator > div {

[rpetterson, 2014/11/03 18:14:16]

wondering if there's a way to combine these three with css magic. Dan might have
an idea.

[kcarattini, 2014/11/03 23:39:24]

Yeah, using a class gets overridden by the controlled-setting-indicator, I
think.

[Dan Beam, 2014/11/04 01:59:24]

read up on CSS specificity:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

if a class simply wont do it for you, here's an alternative:

#hotword-search-setting-indicator > div,
#hotword-always-on-search-setting-indicator > div,
#hotword-no-dsp-search-setting-indicator > div {
  background: url(chrome://theme/IDR_WARNING) left top no-repeat;
  background-size: 18px;
}

[kcarattini, 2014/11/04 06:01:20]

Done.

+  background: url('chrome://theme/IDR_WARNING') left top no-repeat;
+  background-size: 18px;
+}
+#hotword-no-dsp-search-setting-indicator > div {
+  background: url('chrome://theme/IDR_WARNING') left top no-repeat;
+  background-size: 18px;
+}