botw-schedule - mobile bill creator

Plebeian-Technology · Nov 15, 2024 · a207c6f · a207c6f
1 parent 17cbc5d
commit a207c6f
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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