From 882870d26204a1d3571d6afc718e68b2bcb60fd6 Mon Sep 17 00:00:00 2001
From: Jenny Schweers <jschweers@dimagi.com>
Date: Mon, 10 Jun 2024 16:19:53 -0400
Subject: [PATCH] Fixed display of multiselect checkboxes in case tiles

---
 .../cloudcare/scss/formplayer-webapp/case-tile.scss      | 1 +
 ..._case-tile.formplayer-webapp_case-tile.style.diff.txt | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/case-tile.scss b/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/case-tile.scss
index 4aaefef9ccd9..6d63815e77c0 100644
--- a/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/case-tile.scss
+++ b/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/case-tile.scss
@@ -148,6 +148,7 @@
   }
 
   .list-cell-wrapper-style {
+    display: block;         // override .card's display: flex rule
     margin: 10px 5px 0 5px;
     border-collapse: collapse;
     vertical-align: top;
diff --git a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_case-tile.formplayer-webapp_case-tile.style.diff.txt b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_case-tile.formplayer-webapp_case-tile.style.diff.txt
index 847a22897aad..edb60a083e26 100644
--- a/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_case-tile.formplayer-webapp_case-tile.style.diff.txt
+++ b/corehq/apps/hqwebapp/tests/data/bootstrap5_diffs/stylesheets/formplayer-webapp_case-tile.formplayer-webapp_case-tile.style.diff.txt
@@ -56,7 +56,7 @@
        height: 25vh;
      }
  
-@@ -142,8 +142,8 @@
+@@ -142,20 +142,21 @@
        /* Horizontally center the text (icon) */
        line-height: 12px;
        /* Vertically center the text (icon) */
@@ -67,7 +67,8 @@
      }
    }
  
-@@ -151,11 +151,11 @@
+   .list-cell-wrapper-style {
++    display: block;         // override .card's display: flex rule
      margin: 10px 5px 0 5px;
      border-collapse: collapse;
      vertical-align: top;
@@ -81,7 +82,7 @@
      }
  
      .module-icon,
-@@ -165,14 +165,14 @@
+@@ -165,14 +166,14 @@
      }
  
      &:hover {
@@ -98,7 +99,7 @@
    }
  
    .case-tile-group{
-@@ -205,7 +205,7 @@
+@@ -205,7 +206,7 @@
      }
  
      .list-cell-wrapper-style {