Issue 5964 - Fix uneven padding of product accordion on article template on help.eyeo.com

templates/article.tmpl

Index: templates/article.tmpl
===================================================================
--- a/templates/article.tmpl
+++ b/templates/article.tmpl
@@ -17,37 +17,41 @@
         <span itemprop="name">{{ title | translate(get_page_name(page) + "-title", "Article title") }}</span>
       </a>
       <meta itemprop="position" content="2" />
     </li>
   </ol>
 </nav>
 
 <main id="main" class="container clearfix">
-  <article class="article card {{ product_id }}-card section column two-thirds">
-    <header class="article-heading">
-      <h1 class="has-pre-icon">
-        <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"></span>
-        {{ title | translate( get_page_name(page) + "-title", "Article title") }}
-      </h1>
-    </header>
+  <div class="row">
+    <div class="column two-thirds">
+      <article class="article card {{ product_id }}-card section">
+        <header class="article-heading">
+          <h1 class="has-pre-icon">
+            <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">
-      [Browser selector]
-    </div>
-    {% endif %}
+        {% if hide_browser_selector is not defined %}
+        <div class="article-browser-selector">
+          [Browser selector]
+        </div>
+        {% endif %}
 
-    <div class="article-body content">
-        {{ body | safe }}
+        <div class="article-body content">
+            {{ body | safe }}
+        </div>
+      </article>
     </div>
-  </article>
-  <aside class="section column one-third">
-    <? include product-topics-accordion ?>
-  </aside>
+    <aside class="section column one-third">
+      <? include product-topics-accordion ?>
+    </aside>
+  </div>
 </main>
 
 <script id="no-content-for-platform-message" type="text/template">
   <p>{{ "Unfortunately, there is no content specific for your current browser. Please use the dropdown menu above to choose a different browser." | translate("no-content-for-platform-message", "paragraph") }}</p>
 </script>
 {% endblock %}
 
 {% block footer %}