Portal.view.home.parts.AfterMath: needs styling enhancements #6007

apps/portal/view/home/parts/AfterMath.mjs

@@ -33,17 +33,14 @@ class AfterMath extends BaseContainer {
         }, {
             cls : ['neo-content'],
             flex: 'none',
+            tag : 'ul',
+
             html: `
-            <p>
-            To learn more about Neo.mjs please read <a href="#/learn">the Learning Section</a> or browse <a href="#/blog">the blog</a>.
-            </p>
-            <p>
-            To arrange a demo or to talk to an engineer email <a href="mailto:[email protected]">[email protected]</a>. 
-            <br>For help starting a project email <a href="mailto:[email protected]">[email protected]</a>. 
-            <br>For questions about private training email <a href="mailto:[email protected]">[email protected]</a>.
-            </p>
-            `,
-            tag : 'div'
+                <li>To learn more about Neo.mjs please read the <a href="#/learn">Learning Section</a> or browse <a href="#/blog">the Blog</a></li>
+                <li>To arrange a demo or to talk to an engineer email <a href="mailto:[email protected]">[email protected]</a></li>
+                <li>For help starting a project email <a href="mailto:[email protected]">[email protected]</a></li>
+                <li>For questions about private training email <a href="mailto:[email protected]">[email protected]</a></li>
+            `
         }, {
             flex: 1
         }, {

resources/scss/src/apps/portal/home/parts/AfterMath.scss

@@ -1,7 +1,21 @@
 .portal-home-aftermath {
     height: 60em;
 
-    p {
-        text-align: center;
+    a {
+        color: #3E63DD;
+    }
+
+    li {
+        font-size: var(--core-fontsize-body);
+        font-weight: var(--core-fontweight-regular);
+        line-height: var(--core-lineheight-paragraph);
+
+        &::marker {
+            color: #3E63DD;
+        }
+    }
+
+    ul {
+        align-self: center;
     }
 }