From a207c6f27cf939f2365741e3618e405fbfcc6964 Mon Sep 17 00:00:00 2001
From: dcordz <17937472+dcordz@users.noreply.github.com>
Date: Fri, 15 Nov 2024 08:38:34 -0500
Subject: [PATCH] botw-schedule - mobile bill creator

---
 app/frontend/components/admin/BillCreatorSummaryAudio.tsx   | 6 +++---
 app/frontend/components/admin/creator/fields/DateField.tsx  | 2 +-
 .../components/admin/creator/fields/SelectField.tsx         | 2 +-
 .../components/admin/creator/fields/SummaryField.tsx        | 2 +-
 .../components/admin/creator/fields/TextAreaField.tsx       | 2 +-
 app/frontend/components/admin/creator/fields/TextField.tsx  | 2 +-
 app/frontend/components/bill/BillCreatorSummary.tsx         | 4 ++--
 app/frontend/components/bill/BillsListItem.tsx              | 2 +-
 .../components/bill/creator/BillCreatorFormikForm.tsx       | 2 +-
 9 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/frontend/components/admin/BillCreatorSummaryAudio.tsx b/app/frontend/components/admin/BillCreatorSummaryAudio.tsx
index 6c6bc23b..e29f0652 100644
--- a/app/frontend/components/admin/BillCreatorSummaryAudio.tsx
+++ b/app/frontend/components/admin/BillCreatorSummaryAudio.tsx
@@ -52,13 +52,13 @@ const BillCreatorSummaryAudio = () => {
 
     return (
         <div className="row my-3">
-            <Form.Group className="col" controlId={"audioBucketPath"}>
+            <Form.Group className="col-xs-12 col-sm-6 mt-3" controlId={"audioBucketPath"}>
                 <div>
                     <Form.Label className="bold">Audio Bucket Path:</Form.Label>
                 </div>
                 {audioBucketPath ? (
                     <>
-                        <div>
+                        <div className="w-100">
                             <Button variant="outline-primary" onClick={handleShowHideUploadModal}>
                                 Upload New Audio Summary <FiHeadphones />
                             </Button>
@@ -99,7 +99,7 @@ const BillCreatorSummaryAudio = () => {
                     </>
                 )}
             </Form.Group>
-            <Form.Group className="col" controlId={"audioByLine"}>
+            <Form.Group className="col-xs-12 col-sm-6 mt-3" controlId={"audioByLine"}>
                 <Form.Label className="bold">Audio By:</Form.Label>
                 <Form.Control
                     type="text"
diff --git a/app/frontend/components/admin/creator/fields/DateField.tsx b/app/frontend/components/admin/creator/fields/DateField.tsx
index 211ad4d1..fb4b14f2 100644
--- a/app/frontend/components/admin/creator/fields/DateField.tsx
+++ b/app/frontend/components/admin/creator/fields/DateField.tsx
@@ -36,7 +36,7 @@ const DateField: React.FC<IFieldProps> = ({ swayField, fieldGroupLength }) => {
         <Form.Group
             key={swayField.name}
             controlId={swayField.name}
-            className={`my-3 col-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
+            className={`my-3 col-xs-12 col-sm-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
         >
             <Form.Label className="bold my-0">
                 {swayField.label}
diff --git a/app/frontend/components/admin/creator/fields/SelectField.tsx b/app/frontend/components/admin/creator/fields/SelectField.tsx
index 98cb5549..78399111 100644
--- a/app/frontend/components/admin/creator/fields/SelectField.tsx
+++ b/app/frontend/components/admin/creator/fields/SelectField.tsx
@@ -45,7 +45,7 @@ const SelectField: React.FC<IFieldProps> = ({ swayField, fieldGroupLength }) =>
         <Form.Group
             key={name}
             controlId={name}
-            className={`col-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
+            className={`col-xs-12 col-sm-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
         >
             {swayField.label && (
                 <Form.Label className="bold">
diff --git a/app/frontend/components/admin/creator/fields/SummaryField.tsx b/app/frontend/components/admin/creator/fields/SummaryField.tsx
index a36233cf..8db9478e 100644
--- a/app/frontend/components/admin/creator/fields/SummaryField.tsx
+++ b/app/frontend/components/admin/creator/fields/SummaryField.tsx
@@ -12,7 +12,7 @@ const SummaryField = forwardRef(({ swayField }: IFieldProps, summaryRef: React.R
         <Form.Group
             key={swayField.name}
             controlId={swayField.name}
-            className={swayField.colClass ? `col-${swayField.colClass}` : "col"}
+            className={swayField.colClass ? `col-xs-12 col-sm-${swayField.colClass}` : "col"}
         >
             <Form.Label className="bold">
                 {swayField.label}
diff --git a/app/frontend/components/admin/creator/fields/TextAreaField.tsx b/app/frontend/components/admin/creator/fields/TextAreaField.tsx
index 5065ef5c..16c48625 100644
--- a/app/frontend/components/admin/creator/fields/TextAreaField.tsx
+++ b/app/frontend/components/admin/creator/fields/TextAreaField.tsx
@@ -26,7 +26,7 @@ const TextAreaField: React.FC<IFieldProps> = ({ swayField, fieldGroupLength }) =
         <Form.Group
             key={swayField.name}
             controlId={swayField.name}
-            className={`col-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
+            className={`col-xs-12 col-sm-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
         >
             <Form.Label className="bold">
                 {swayField.label}
diff --git a/app/frontend/components/admin/creator/fields/TextField.tsx b/app/frontend/components/admin/creator/fields/TextField.tsx
index d6c49948..a228b72f 100644
--- a/app/frontend/components/admin/creator/fields/TextField.tsx
+++ b/app/frontend/components/admin/creator/fields/TextField.tsx
@@ -24,7 +24,7 @@ const TextField: React.FC<IFieldProps> = ({ swayField, fieldGroupLength }) => {
     return (
         <div
             key={swayField.name}
-            className={`my-3 col-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
+            className={`my-3 col-xs-12 col-sm-${swayField.colClass || (12 / fieldGroupLength >= 4 ? 12 / fieldGroupLength : 4)}`}
         >
             <SwayText
                 field={{
diff --git a/app/frontend/components/bill/BillCreatorSummary.tsx b/app/frontend/components/bill/BillCreatorSummary.tsx
index fed66f85..eb2cc7e5 100644
--- a/app/frontend/components/bill/BillCreatorSummary.tsx
+++ b/app/frontend/components/bill/BillCreatorSummary.tsx
@@ -38,7 +38,7 @@ const BillCreatorSummary = forwardRef(({ field }: IProps, ref: React.Ref<string>
     return (
         <div className="col">
             <div className="row">
-                <div className="col">
+                <div className="col-xs-12 col-sm-6">
                     <SwayTextArea
                         field={{ ...field, ...formikField }}
                         value={summary}
@@ -48,7 +48,7 @@ const BillCreatorSummary = forwardRef(({ field }: IProps, ref: React.Ref<string>
                         helperText={field.helperText}
                     />
                 </div>
-                <div className="col">
+                <div className="col-xs-12 col-sm-6">
                     <div>
                         <a target="_blank" rel="noreferrer" href="https://www.markdownguide.org/basic-syntax">
                             Markdown Syntax Guide
diff --git a/app/frontend/components/bill/BillsListItem.tsx b/app/frontend/components/bill/BillsListItem.tsx
index a98cf78e..4f035078 100644
--- a/app/frontend/components/bill/BillsListItem.tsx
+++ b/app/frontend/components/bill/BillsListItem.tsx
@@ -57,7 +57,7 @@ const BillsListItem: React.FC<IProps> = ({ bill, userVote, isLastItem, inView })
                             variant="outline-primary"
                             style={{ opacity: "70%" }}
                             onClick={handleGoToSingleBill}
-                            className="p-3"
+                            className="py-3 px-5"
                         >
                             <FiInfo />
                             &nbsp;<span className="align-text-top">Show More Info</span>
diff --git a/app/frontend/components/bill/creator/BillCreatorFormikForm.tsx b/app/frontend/components/bill/creator/BillCreatorFormikForm.tsx
index 07bf8056..16398141 100644
--- a/app/frontend/components/bill/creator/BillCreatorFormikForm.tsx
+++ b/app/frontend/components/bill/creator/BillCreatorFormikForm.tsx
@@ -158,7 +158,7 @@ const BillCreatorFormikForm = forwardRef(({ setCreatorDirty }: IProps, _summaryR
                                 variant="primary"
                                 size="lg"
                                 type="submit"
-                                className="p-5 w-50"
+                                className="p-5 w-100"
                             >
                                 <FiSave />
                                 &nbsp;Save