From 13bc8e9914ff8ebd6a69fa0c228c1532143ac4e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cemalettin=20Ta=C5=9F?= <cemalettin.tas@simsoft.com.tr>
Date: Thu, 26 Nov 2020 12:22:13 +0300
Subject: [PATCH] NCI-Agency/anet#3024: Improve styling/responsiveness

---
 client/src/models/Report.js                           | 2 +-
 client/src/pages/reports/EngagementDateFormPartial.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/models/Report.js b/client/src/models/Report.js
index 28efd364e7..05af171b40 100644
--- 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
index e2409f1318..d48cafeeb5 100644
--- 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"