Merge pull request #33871 from dimagi/em/checkbox-vertical-align

Fix checkbox + radio button misalignment
dimagi · Dec 19, 2023 · 81481ab · 81481ab
2 parents e35bc99 + a18a988
commit 81481ab
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/query.less b/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/query.less
@@ -52,6 +52,9 @@
   &:last-of-type {
     margin-bottom: 0;
   }
+  input[type="checkbox"] {
+    margin-top: 2.5px;
+  }
 }
 
 .query-description {

diff --git a/corehq/apps/hqwebapp/static/hqwebapp/less/_hq/forms.less b/corehq/apps/hqwebapp/static/hqwebapp/less/_hq/forms.less
@@ -37,6 +37,12 @@ legend .subtext {
   padding-bottom: 5px;
 }
 
+.checkbox, .radio {
+  input[type="checkbox"], input[type="radio"] {
+    margin-top: 1.5px;
+  }
+}
+
 .checkbox-table-cell {
   margin: 0;
   font-size: 20px;

diff --git a/...apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/imports/forms._forms.style.diff.txt b/...apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/imports/forms._forms.style.diff.txt
@@ -1,6 +1,6 @@
 --- 
 +++ 
-@@ -1,350 +1,7 @@
+@@ -1,356 +1,7 @@
 -// FORM ACTIONS from TWBS 2
 -// ------------
 -
@@ -43,6 +43,12 @@
 -  padding-bottom: 5px;
 -}
 -
+-.checkbox, .radio {
+-  input[type="checkbox"], input[type="radio"] {
+-    margin-top: 1.5px;
+-  }
+-}
+-
 -.checkbox-table-cell {
 -  margin: 0;
 -  font-size: 20px;
@@ -354,7 +360,7 @@
  }
 
  .form-hide-actions .form-actions {
-@@ -355,15 +12,38 @@
+@@ -361,15 +12,38 @@
    .validationMessage {
      display: block;
      padding-top: 8px;