Merge branch 'ad/question-tiles-vertical-alignment' into autostaging

dimagi · Dec 15, 2023 · 670f8ae · 670f8ae
2 parents 930539b + 6c6c6f6
commit 670f8ae
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/corehq/apps/cloudcare/templates/form_entry/templates.html b/corehq/apps/cloudcare/templates/form_entry/templates.html
@@ -195,7 +195,7 @@ <h1 class="title" data-bind="text: title, visible: !showInFormNavigation()"></h1
 
 <script type="text/html" id="grouped-element-tile-row-fullform-ko-template">
   <div class="row">
-    <div data-bind="template: { name: childTemplate, foreach: $data.children }"/>
+    <div data-bind="template: { name: childTemplate, foreach: $data.children }" class="question-tile-row"/>
   </div>
 </script>
 

diff --git a/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/form.less b/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/form.less
@@ -204,3 +204,15 @@
     font-size: 14px;
   }
 }
+
+.question-tile-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  * .form-group, * p, * .control-label {
+    padding-top: 0px !important;
+    padding-bottom: 0px !important;
+    margin-top: 0px !important;
+    margin-bottom: 0px !important;
+  }
+}