Add failing provider notice and fix #1173333

app/subapps/browser/templates/browser_charm.handlebars

 <div class="charm yui3-g">
     <div class="content yui3-u-{{#if isFullscreen}}5-6{{else}}1{{/if}}">
         <div class="nav">
             <a href="" class="back">
                 <img src="/juju-ui/assets/images/browser_back_button_arrow.png"
                     alt="&lt;" />Back
             </a>
             <a href="" class="add">Add</a>
             <a href="" class="share">
                 <img src="/juju-ui/assets/images/browser_share_button_icon.png"
                     alt="Share" />Share
             </a>
         </div>
 
+        {{#if failingProviders}}
+            <div class="provider-warning"><i class="sprite alert_icon2"></i>
+                <span>Currently fails on</span>
+                {{#failingProviders}}
+                    <img src="/juju-ui/assets/images/provider_icons/provider-{{.}}.svg"
+                        title="tests currently fail on {{.}}"/>
+                {{/failingProviders}}
+            </div>
+        {{/if}}
+
         <div class="heading yui3-g">
             <div class="yui3-u">
                 {{#if icon }}
-                    <img src="data:image/svg+xml;base64,{{ icon }}" alt="{{ name }} icon">
+                    <img src="data:image/svg+xml;base64,{{ icon }}" alt="{{ name }}"
+                        class="charm-icon provided">
                 {{else}}
                    <div class="charm-icon"></div>
                 {{/if}}
             </div>
             <div class="charm-details yui3-u-1-2">
                 <h1>{{ name }}</h1>
                 <dl>
                     <dt>Recent activity</dt>
                     <dd>
                         <strong>{{ recent_download_count }}</strong>
@@ skipping 81 matching lines @@
                 <li><a href="#bws-readme" class="bws-readme">Readme</a></li>
                 <li><a href="#bws-interfaces" class="bws-interfaces">Interfaces</a></li>
                 <li><a href="#bws-configuration" class="bws-configuration">Configuration</a></li>
                 <li><a href="#bws-qa" class="bws-qa">Quality</a></li>
                 <li><a href="#bws-hooks" class="bws-hooks">Hooks</a></li>
             </ul>
             <div>
                 <div id="bws-readme">Readme</div>
                 <div id="bws-interfaces">
                     <p class="intro">
-                        Interfaces determine how this charm relates to other charms. A relationship between charms can only be made if they share a common interface. 
+                        Interfaces determine how this charm relates to other charms. A relationship between charms can only be made if they share a common interface.
                         {{#if interfaceIntro.noRequiresNoProvides}}
                             <br />
                             <br />
                             This charm does not have any interfaces.
                         {{/if}}
                         {{#if interfaceIntro.noRequiresOneProvides}}
                             This charm provides only one interface to another charm.
                         {{/if}}
                         {{#if interfaceIntro.noRequiresManyProvides}}
                             This charm requires no interfaces to be provided by other charms, but provides several interfaces that can be used by other charms.
@@ skipping 47 matching lines @@
                                         <h4>{{value.interface}}</h4>
                                         <div>{{key}}</div>
                                     </div>
                                 </li>
                             {{/arrayObject}}
                         </ul>
                     {{/if}}
                 </div>
                 <div id="bws-configuration">
                     <p class="intro">
-                        These are the ways in which you can configure this 
-                        charm to best suit your deployment. You can change the 
-                        default configuration settings either before or after 
+                        These are the ways in which you can configure this
+                        charm to best suit your deployment. You can change the
+                        default configuration settings either before or after
                         you have deployed the charm, if necessary.
                     </p>
                     {{#if options}}
                         <dl>
                             {{#arrayObject options}}
                                 <dt>
                                     <dfn>{{key}}</dfn>
                                     <em>{{value.type}}</em>
                                 </dt>
                                 <dd>
                                     <div>Default: {{value.default}}</div>
                                     <p>{{value.description}}</p>
                                 </dd>
                             {{/arrayObject}}
                         </dl>
                     {{else}}
                       <p>This charm does not expose any configuration options.</p>
                     {{/if}}
                 </div>
                 <div id="bws-qa">Quality</div>
                 <div id="bws-hooks">
                     <p class="intro">
-                        Hooks are the pieces of code that comprise the charm. 
+                        Hooks are the pieces of code that comprise the charm.
                         A particular hook responds to specific events that Juju
-                        gives the charm, e.g. when there’s a change in the 
-                        environment or an administrator has made a change to 
-                        its configuration. Hooks are of interest mainly to 
-                        charm authors and advanced users. Select a hook below 
+                        gives the charm, e.g. when there’s a change in the
+                        environment or an administrator has made a change to
+                        its configuration. Hooks are of interest mainly to
+                        charm authors and advanced users. Select a hook below
                         to view its code.
                     </p>
                     <select>
                         <option>Select --</option>
                         {{#each files}}
                             <option value="{{ . }}">{{ . }}</option>
                         {{/each}}
                     </select>
                     <div class="filecontent">
                     </div>
                 </div>
             </div>
         </div>
     </div>
     {{#if isFullscreen}}
         <div class="content-sidebar yui3-u-1-6">
             <h2>Useful links</h2>
             <ul class="vertical-links">
                 <li><a href="">Juju community</a></li>
                 <li><a href="">Online resources</a></li>
                 <li><a href="">Write your own Charm</a></li>
                 <li><a href="">Contribute to this Charm</a></li>
             </ul>
         </div>
     {{/if}}
 </div>