remove form margins on mobile

dimagi · Sep 18, 2024 · c4bdfa3 · c4bdfa3
1 parent e44c36b
commit c4bdfa3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/corehq/apps/cloudcare/static/cloudcare/js/formplayer/app.js b/corehq/apps/cloudcare/static/cloudcare/js/formplayer/app.js
@@ -140,6 +140,7 @@ hqDefine("cloudcare/js/formplayer/app", [
         FormplayerFrontend.trigger('setUnsavedFormNotInProgress');
         $('#webforms').html("");
         $('.menu-scrollable-container').removeClass("d-none");
+        $('#sidebar-and-content').removeClass('remove-padding-on-mobile');
         $('#webforms-nav').html("");
         $('#cloudcare-debugger').html("");
         $('.atwho-container').remove();
@@ -306,6 +307,7 @@ hqDefine("cloudcare/js/formplayer/app", [
         var sess = WebFormSession.WebFormSession(data);
         sess.renderFormXml(data, $('#webforms'));
         $('.menu-scrollable-container').addClass("d-none");
+        $('#sidebar-and-content').addClass('remove-padding-on-mobile');
     });
 
     FormplayerFrontend.on("start", function (model, options) {

diff --git a/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/content.scss b/corehq/apps/hqwebapp/static/cloudcare/scss/formplayer-webapp/content.scss
@@ -42,6 +42,12 @@ body {
   height: calc(100vh - #{$cloudcare-nav-height} - $breadcrumb-height-cloudcare);
 }
 
+#sidebar-and-content.remove-padding-on-mobile {
+  @include media-breakpoint-down(sm) {
+    margin: 0 !important;
+  }
+}
+
 #content-container {
   background: transparent;
   max-width: 1000px;