#3024: Improve styling/responsiveness

NCI-Agency · Dec 22, 2020 · 13bc8e9 · 13bc8e9
1 parent a92a719
commit 13bc8e9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/client/src/models/Report.js b/client/src/models/Report.js
@@ -111,7 +111,7 @@ export default class Report extends Model {
         .nullable()
         .test(
           "duration",
-          "Duration must be defined when engagement time is set!",
+          "You must provide duration when engagement time(hour:minute) is provided",
           function(duration) {
             const { engagementDate } = this.parent
             if (

diff --git a/client/src/pages/reports/EngagementDateFormPartial.js b/client/src/pages/reports/EngagementDateFormPartial.js
@@ -37,7 +37,7 @@ const EngagementDatePartialFormWithDuration = ({
       <Col sm={2} componentClass={ControlLabel}>
         Engagement planning
       </Col>
-      <Col lg={2} md={3} style={{ marginLeft: "15px" }}>
+      <Col sm={4} style={{ marginLeft: "15px" }}>
         <Field
           name="engagementDate"
           component={FieldHelper.SpecialField}
@@ -65,7 +65,7 @@ const EngagementDatePartialFormWithDuration = ({
           {Report.isFuture(values.engagementDate) && futureEngagementHint}
         </Field>
       </Col>
-      <Col sm={2} style={{ marginLeft: "15px" }}>
+      <Col sm={3} style={{ marginLeft: "15px" }}>
         <Field
           name="duration"
           label="Duration (minutes)"
@@ -84,7 +84,7 @@ const EngagementDatePartialFormWithDuration = ({
           disabled={isAllDay}
         />
       </Col>
-      <Col sm={2} style={{ marginTop: "2.2em" }}>
+      <Col sm={2} style={{ marginTop: "2.2em", maxWidth: "max-content" }}>
         <Checkbox
           checked={isAllDay}
           label="All Day"