From 9c6644c1b95a8c061940e2e8d7604ee0cec5e205 Mon Sep 17 00:00:00 2001
From: Maxwell Frank <92897870+MaxFrank13@users.noreply.github.com>
Date: Tue, 2 Aug 2022 11:41:27 -0400
Subject: [PATCH] Mfrank/microba 1881 microba 1908 (#63)

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* addressed linter flags

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* fixed linting issues again

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* fixed checkbox responsiveness and darkened text under input

Co-authored-by: Maxwell Frank <mfrank@2u.com>
---
 .../bulk-email-form/ScheduleEmailForm.jsx            |  4 ++--
 .../bulk-email-recipient/BulkEmailRecipient.jsx      | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/bulk-email-tool/bulk-email-form/ScheduleEmailForm.jsx b/src/components/bulk-email-tool/bulk-email-form/ScheduleEmailForm.jsx
index af97885..f1341e0 100644
--- a/src/components/bulk-email-tool/bulk-email-form/ScheduleEmailForm.jsx
+++ b/src/components/bulk-email-tool/bulk-email-form/ScheduleEmailForm.jsx
@@ -27,7 +27,7 @@ function ScheduleEmailForm(props) {
               />
             )}
           />
-          <small className="text-light-700 x-small">
+          <small className="text-gray-500 x-small">
             <FormattedMessage
               id="bulk.email.form.schedule.date.description"
               defaultMessage="Enter a start date, e.g. 11/27/2023"
@@ -49,7 +49,7 @@ function ScheduleEmailForm(props) {
               />
             )}
           />
-          <small className="text-light-700 x-small">
+          <small className="text-gray-500 x-small">
             <FormattedMessage
               id="bulk.email.form.schedule.time.description"
               defaultMessage="Enter a start time, e.g. 09:00 AM"
diff --git a/src/components/bulk-email-tool/bulk-email-form/bulk-email-recipient/BulkEmailRecipient.jsx b/src/components/bulk-email-tool/bulk-email-form/bulk-email-recipient/BulkEmailRecipient.jsx
index a934730..c58172a 100644
--- a/src/components/bulk-email-tool/bulk-email-form/bulk-email-recipient/BulkEmailRecipient.jsx
+++ b/src/components/bulk-email-tool/bulk-email-form/bulk-email-recipient/BulkEmailRecipient.jsx
@@ -32,7 +32,7 @@ export default function BulkEmailRecipient(props) {
         onChange={handleCheckboxes}
         value={selectedGroups}
       >
-        <Form.Checkbox key="myself" value="myself" className="mt-2.5 col col-md-4 col-sm-6 col-12">
+        <Form.Checkbox key="myself" value="myself" className="mt-2.5 col col-lg-4 col-sm-6 col-12">
           <FormattedMessage
             id="bulk.email.form.recipients.myself"
             defaultMessage="Myself"
@@ -42,7 +42,7 @@ export default function BulkEmailRecipient(props) {
         <Form.Checkbox
           key="staff"
           value="staff"
-          className="col col-md-4 col-sm-6 col-12"
+          className="col col-lg-4 col-sm-6 col-12"
         >
           <FormattedMessage
             id="bulk.email.form.recipients.staff"
@@ -54,7 +54,7 @@ export default function BulkEmailRecipient(props) {
           key="track:verified"
           value="track:verified"
           disabled={selectedGroups.find((group) => group === DEFAULT_GROUPS.ALL_LEARNERS)}
-          className="col col-md-4 col-sm-6 col-12"
+          className="col col-lg-4 col-sm-6 col-12"
         >
           <FormattedMessage
             id="bulk.email.form.recipients.verified"
@@ -69,7 +69,7 @@ export default function BulkEmailRecipient(props) {
             <Form.Checkbox
               key={cohort}
               value={`cohort:${cohort}`}
-              className="col col-md-4 col-sm-6 col-12"
+              className="col col-lg-4 col-sm-6 col-12"
             >
               <FormattedMessage
                 id="bulk.email.form.cohort.label"
@@ -83,7 +83,7 @@ export default function BulkEmailRecipient(props) {
           key="track:audit"
           value="track:audit"
           disabled={selectedGroups.find((group) => group === DEFAULT_GROUPS.ALL_LEARNERS)}
-          className="col col-md-4 col-sm-6 col-12"
+          className="col col-lg-4 col-sm-6 col-12"
         >
           <FormattedMessage
             id="bulk.email.form.recipients.audit"
@@ -95,7 +95,7 @@ export default function BulkEmailRecipient(props) {
           key="learners"
           value="learners"
           disabled={selectedGroups.find((group) => group === (DEFAULT_GROUPS.AUDIT || DEFAULT_GROUPS.VERIFIED))}
-          className="col col-md-4 col-sm-6 col-12"
+          className="col col-lg-4 col-sm-6 col-12"
         >
           <FormattedMessage
             id="bulk.email.form.recipients.learners"