Use y instead of tb for top and bottom

Just following bootstrap convention here
dimagi · Jul 2, 2024 · 96ea036 · 96ea036
1 parent 1dcd275
commit 96ea036
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 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
@@ -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
@@ -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/...bootstrap5_diffs/stylesheets/formplayer-webapp_form.formplayer-webapp_form.style.diff.txt b/...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;