localized-landing-pages: UI request addressed in forms and citation b…

…oxes
mautic · Apr 2, 2024 · 3b5b4fd · 3b5b4fd
1 parent 39436b9
commit 3b5b4fd
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/docroot/themes/custom/mauticorg_base/dist/css/styles.css b/docroot/themes/custom/mauticorg_base/dist/css/styles.css
@@ -5058,6 +5058,11 @@ hr {
   border: 0;
   background-color: transparent;
   box-shadow: none;
+  width: 100%;
+}
+
+.localized-page .localized-container.contact-form__wrappar .mauticform-innerform .mauticform-page-wrapper {
+  width: 100%;
 }
 
 .localized-page .localized-container.contact-form__wrappar .mauticform-innerform .mauticform-required {
@@ -5516,11 +5521,13 @@ hr {
   border: none;
   box-shadow: none;
   margin-bottom: 0;
+  width: 100%;
 }
 
 .localized-page .newsletter-form__container .mauticform_wrapper .mauticform-innerform .mauticform-page-wrapper {
   display: -webkit-box !important;
   display: flex !important;
+  width: 100%;
 }
 
 @media (max-width: 767px) {

diff --git a/docroot/themes/custom/mauticorg_base/sass/components/localized-components/_contact-form.scss b/docroot/themes/custom/mauticorg_base/sass/components/localized-components/_contact-form.scss
@@ -47,6 +47,11 @@
         border: 0;
         background-color: transparent;
         box-shadow: none;
+        width: 100%;
+
+        .mauticform-page-wrapper {
+          width: 100%;
+        }
 
         .mauticform-required {
           margin-bottom: 18px;

diff --git a/docroot/themes/custom/mauticorg_base/sass/components/localized-components/_form.scss b/docroot/themes/custom/mauticorg_base/sass/components/localized-components/_form.scss
@@ -66,9 +66,11 @@
           border: none;
           box-shadow: none;
           margin-bottom: 0;
+          width: 100%;
 
           .mauticform-page-wrapper {
             display: flex !important; // Overridding JS display block of mautic form
+            width: 100%;
 
             @include breakpoint($upto-tablet) {
               display: block !important;