From 96ea0362d578a777363a4c67c48d399803d32af2 Mon Sep 17 00:00:00 2001
From: Martin Riese <mriese@dimagi.com>
Date: Tue, 2 Jul 2024 15:01:42 -0500
Subject: [PATCH] Use y instead of tb for top and bottom

Just following bootstrap convention here
---
 .../templates/cloudcare/partials/form_entry/sub_group.html      | 2 +-
 .../hqwebapp/static/cloudcare/scss/formplayer-webapp/form.scss  | 2 +-
 ...formplayer-webapp_form.formplayer-webapp_form.style.diff.txt | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/corehq/apps/cloudcare/templates/cloudcare/partials/form_entry/sub_group.html b/corehq/apps/cloudcare/templates/cloudcare/partials/form_entry/sub_group.html
index dfec49ac1b23..8ade3d27b6a1 100644
--- a/corehq/apps/cloudcare/templates/cloudcare/partials/form_entry/sub_group.html
+++ b/corehq/apps/cloudcare/templates/cloudcare/partials/form_entry/sub_group.html
@@ -66,7 +66,7 @@
                 css: {'fa-angle-double-right': !showChildren(), 'fa-angle-double-down': showChildren()},
             "></i>
           </div>
-          <span class="webapp-markdown-output mtb-05em-for-hs flex-grow-1" data-bind="html: caption_markdown() || caption(), attr: {id: captionId()}"></span>
+          <span class="webapp-markdown-output my-05em-for-hs flex-grow-1" data-bind="html: caption_markdown() || caption(), attr: {id: captionId()}"></span>
           <i class="fa fa-warning text-danger float-end" data-bind="visible: hasError() && !showChildren()"></i>
            <button type="button"
                    class="btn btn-outline-danger del float-end"
diff --git a/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/form.scss b/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/form.scss
index fd5ca7e5396e..3c7a9e3dac44 100644
--- a/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/form.scss
+++ b/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/form.scss
@@ -264,7 +264,7 @@ $group-indent: 15px;
   bottom: 35px;
 }
 
-.mtb-05em-for-hs {
+.my-05em-for-hs {
     h1, h2, h3, h4, h5, h6 {
         margin-top: 0.5em !important;
         margin-bottom: 0.5em !important;
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_form.formplayer-webapp_form.style.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_form.formplayer-webapp_form.style.diff.txt
index bfad06e8a0b4..17a35c24b1e3 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_form.formplayer-webapp_form.style.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_form.formplayer-webapp_form.style.diff.txt
@@ -276,7 +276,7 @@
 +  bottom: 35px;
 +}
 +
-+.mtb-05em-for-hs {
++.my-05em-for-hs {
 +    h1, h2, h3, h4, h5, h6 {
 +        margin-top: 0.5em !important;
 +        margin-bottom: 0.5em !important;