Fix extra space in class list page template (#3743)

Co-authored-by: Precious Onyenaucheya <86783201+precious-onyenaucheya-ons@users.noreply.github.com>
Co-authored-by: SriHV <123635670+SriHV@users.noreply.github.com>

Author: 3 people

__snapshots__/layout/_template.spec.js.snap

@@ -880,8 +880,8 @@ exports[`base page template matches the basic variant header snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
                                     </main>
                                 </div>
@@ -1201,8 +1201,8 @@ exports[`base page template matches the favicons block override snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
                                     </main>
                                 </div>
@@ -1448,8 +1448,8 @@ exports[`base page template matches the footer block override snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
                                     </main>
                                 </div>
@@ -2288,8 +2288,8 @@ exports[`base page template matches the full configuration snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
     <h1>Page Title</h1>
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
@@ -3041,8 +3041,8 @@ exports[`base page template matches the meta block override snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
                                     </main>
                                 </div>
@@ -3272,8 +3272,8 @@ exports[`base page template matches the social block override snapshot 1`] = `
 
 
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-12@m ">
-                                    <main id="main-content" class="ons-page__main ">
+                                <div class="ons-grid__col ons-col-12@m">
+                                    <main id="main-content" class="ons-page__main">
 
                                     </main>
                                 </div>

src/layout/_template.njk

@@ -46,11 +46,11 @@
 {# Page columns #}
 {% set pageColNumber = pageConfig.pageColNumber | default("12") %}
 {%
-    set pageColClasses = pageConfig.pageColClasses if pageConfig.pageColClasses else
+    set pageColClasses = ' ' + pageConfig.pageColClasses if pageConfig.pageColClasses else
     ''
 %}
 {%
-    set mainClasses = pageConfig.mainColClasses if pageConfig.mainColClasses else
+    set mainColClasses = ' ' + pageConfig.mainColClasses if pageConfig.mainColClasses else
     ''
 %}
 {%
@@ -202,8 +202,8 @@
                                 {% endif %}
                             {% endblock %}
                             <div class="ons-grid">
-                                <div class="ons-grid__col ons-col-{{ pageColNumber }}@m {{ pageColClasses }}">
-                                    <main id="main-content" class="ons-page__main {{ mainColClasses }}">
+                                <div class="ons-grid__col ons-col-{{ pageColNumber }}@m{{ pageColClasses }}">
+                                    <main id="main-content" class="ons-page__main{{ mainColClasses }}">
                                         {% block main %}{% endblock %}
                                     </main>
                                 </div>