💄Fixing mobile view for terms and condition page

Affected Route: `/terms-and-conditions` Screenshot: TODO
SSWConsulting · Oct 4, 2024 · 2d07d39 · 2d07d39
1 parent f474353
commit 2d07d39
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/blocks/tableLayout.tsx b/components/blocks/tableLayout.tsx
@@ -32,7 +32,7 @@ export const TableLayout = ({ data }: { data: TableLayoutProps }) => {
   return (
     <div
       className={classNames(
-        "not-prose descendant-th:border-1 descendant-th:border-gray-75 descendant-th:py-2 descendant-th:pl-2 descendant-td:border-y-1 descendant-td:py-1.5 descendant-td:pl-2",
+        "not-prose overflow-x-auto descendant-th:border-1 descendant-th:border-gray-75 descendant-th:py-2 descendant-th:pl-2 descendant-td:border-y-1 descendant-td:py-1.5 descendant-td:pl-2",
         tableStyles[data.tableStyle]
       )}
     >

diff --git a/components/terms-and-conditions/agreementForm.tsx b/components/terms-and-conditions/agreementForm.tsx
@@ -7,7 +7,7 @@ export const AgreementForm = ({ data }) => {
   const sectionColorCss =
     sectionColors[data.backgroundColor] || sectionColors.default;
   return (
-    <div>
+    <>
       <div className={classnames("pagebreak my-10 p-8", sectionColorCss)}>
         {data.fields.map((field) => (
           <FormField
@@ -31,7 +31,7 @@ export const AgreementForm = ({ data }) => {
           Print and sign
         </button>
       </div>
-    </div>
+    </>
   );
 };
 
@@ -40,7 +40,7 @@ const FormField = ({ label, id, placeholder, resizeable }) => {
 
   return (
     <div className="relative inline-block w-full pb-3 md:flex">
-      <div className="w-96 py-2.5 pr-2 text-left font-bold sm:grow-0 md:text-right">
+      <div className="py-2.5 pr-2 text-left font-bold sm:grow-0 md:text-right">
         <label className="mb-1" htmlFor={id}>
           {label}
         </label>