From 6c6c6f652ecd68807849a00eae67d35bea00f64f Mon Sep 17 00:00:00 2001
From: AddisonDunn <dunnaddisonw@gmail.com>
Date: Fri, 15 Dec 2023 14:44:03 -0500
Subject: [PATCH] add CSS class to row that adds flex box and fixes padding

---
 .../cloudcare/templates/form_entry/templates.html    |  2 +-
 .../cloudcare/less/formplayer-webapp/form.less       | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/corehq/apps/cloudcare/templates/form_entry/templates.html b/corehq/apps/cloudcare/templates/form_entry/templates.html
index 3830ca33fe41..4cb182ced708 100644
--- a/corehq/apps/cloudcare/templates/form_entry/templates.html
+++ b/corehq/apps/cloudcare/templates/form_entry/templates.html
@@ -198,7 +198,7 @@ <h1 class="title" data-bind="text: title, visible: !showInFormNavigation()"></h1
 
 <script type="text/html" id="grouped-question-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
index eff994f0fd0d..b92d9144ca67 100644
--- a/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/form.less
+++ b/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-webapp/form.less
@@ -193,3 +193,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;
+  }
+}