Issue 6003 - Better handling of no-content-for-platform-message on help.eyeo.com

templates/article.tmpl

 {% extends "templates/minimal" %}
 
 {% set product = products[product_id] %}
 
 {% block body %}
 <nav aria-label="{{ "Breadcrumb" | translate("breadcrumb-label", "Label") }}" class="breadcrumb">
   <ol class="container large-desktop-width clearfix" itemscope itemtype="http://schema.org/BreadcrumbList">
     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
       <a class="has-pre-icon" itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ product.slug }}">
         <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"></span>
@@ skipping 19 matching lines @@
             <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"></span>
             {{ title | translate( get_page_name(page) + "-title", "Article title") }}
           </h1>
         </header>
 
         {% if hide_browser_selector is not defined %}
         <div class="article-browser-selector">
           <? include browser-select ?>
         </div>
 
-        <div id="no-content-for-platform-message" class="content" hidden>
-          <p>{{ "Unfortunately, there is no content specific to your current browser. Please choose a different browser from the list below:" | translate("no-content-for-platform-message", "paragraph") }}</p>
+        <div id="no-content-for-platform-notice" class="content" hidden>
+          <p>{{ "Oops! There is no article for the subject and browser that you have selected. Please find a list of browsers that this article is available for below." | translate("no-content-for-platform-notice", "notice") }}</p>
           <ul>
             {% for browser in browsers %}
-            <li class="{{ browser.id }}">
+            <li data-value="{{ browser.id }}">
               <button type="button" class="button-link">
                 {{ browser.name | translate(browser.id + "-name") }}
               </button>
             </li>
             {% endfor %}
           </ul>
         </div>
         {% endif %}
 
         <div class="article-body content">
             {{ body | safe }}
         </div>
       </article>
     </div>
     <aside class="section column one-third">
       <? include product-topics-accordion ?>
     </aside>
   </div>
 </main>
 {% endblock %}
 
 {% block footer %}
 <? include contact ?>
 {% endblock %}
 
 {% block scripts %}
-<script src="/js/vendor/bowser.js"></script>
+<script src="/dist/js/vendor/bowser.min.js"></script>
 {% endblock %}