More comprehensive system for displaying icons vertically centred within text

[ndcode_site.git] / my_account / sign_up / index.html.jst

diff --git a/my_account/sign_up/index.html.jst b/my_account/sign_up/index.html.jst
index 35d13eb..e9e29ca 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -41,14 +41,14 @@ return async env => {
       div.accordion#accordion(role="tablist" aria-multiselectable="true") {
         div.card#card-1 {
           div.card-header#card-1-heading(role="tab") {
-            span.icon32-outer#card-1-tick(hidden) {
-              span.icon32-inner {_out.push(icon_tick)}
+            div.icon32-outer.mr-2#card-1-tick(hidden) {
+              div.icon32-inner {_out.push(icon_tick)}
             }
-            span.icon32-outer#card-1-cross(hidden) {
-              span.icon32-inner {_out.push(icon_cross)}
+            div.icon32-outer.mr-2#card-1-cross(hidden) {
+              div.icon32-inner {_out.push(icon_cross)}
             }
-            span.icon32-outer#card-1-spinner(hidden) {
-              span.icon32-inner {
+            div.icon32-outer.mr-2#card-1-spinner(hidden) {
+              div.icon32-inner {
                 div.spinner-border(role="status") {}
               }
             }
@@ -130,14 +130,14 @@ return async env => {
         }
         div.card#card-2 {
           div.card-header#card-2-heading(role="tab") {
-            span.icon32-outer#card-2-tick(hidden) {
-              span.icon32-inner {_out.push(icon_tick)}
+            div.icon32-outer.mr-2#card-2-tick(hidden) {
+              div.icon32-inner {_out.push(icon_tick)}
             }
-            span.icon32-outer#card-2-cross(hidden) {
-              span.icon32-inner {_out.push(icon_cross)}
+            div.icon32-outer.mr-2#card-2-cross(hidden) {
+              div.icon32-inner {_out.push(icon_cross)}
             }
-            span.icon32-outer#card-2-spinner(hidden) {
-              span.icon32-inner {
+            div.icon32-outer.mr-2#card-2-spinner(hidden) {
+              div.icon32-inner {
                 div.spinner-border(role="status") {}
               }
             }