From 2c8a3896718ffcf1e28e06f079ebebf324ad5553 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cemalettin=20Ta=C5=9F?= <cemalettin.tas@simsoft.com.tr>
Date: Mon, 14 Dec 2020 14:47:07 +0300
Subject: [PATCH] NCI-Agency/anet#3024: Remove unnecessary top-level label on
 small width

Also fine tune column sizes on engagement planning part
---
 .../pages/reports/EngagementDateFormPartial.js   | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/reports/EngagementDateFormPartial.js b/client/src/pages/reports/EngagementDateFormPartial.js
index 0bf5f5993fd..aaadb4d9019 100644
--- a/client/src/pages/reports/EngagementDateFormPartial.js
+++ b/client/src/pages/reports/EngagementDateFormPartial.js
@@ -34,10 +34,10 @@ const EngagementDatePartialFormWithDuration = ({
 
   return (
     <FormGroup>
-      <Col sm={2} componentClass={ControlLabel}>
+      <Col xsHidden sm={2} componentClass={ControlLabel}>
         Engagement planning
       </Col>
-      <Col sm={4} style={{ marginLeft: "15px" }}>
+      <Col sm={3} style={{ marginLeft: "15px" }}>
         <Field
           name="engagementDate"
           component={FieldHelper.SpecialField}
@@ -65,7 +65,7 @@ const EngagementDatePartialFormWithDuration = ({
           {Report.isFuture(values.engagementDate) && futureEngagementHint}
         </Field>
       </Col>
-      <Col sm={3} style={{ marginLeft: "15px" }}>
+      <Col sm={2} style={{ marginLeft: "15px", whiteSpace: "nowrap" }}>
         <Field
           name="duration"
           label="Duration (minutes)"
@@ -86,8 +86,14 @@ const EngagementDatePartialFormWithDuration = ({
         />
       </Col>
       <Col
-        sm={2}
-        style={{ marginTop: "2.2em", maxWidth: "max-content" }}
+        sm={1}
+        style={{
+          marginTop: "2.2em",
+          maxWidth: "max-content",
+          display: "flex",
+          alignItems: "center",
+          whiteSpace: "nowrap"
+        }}
         id="all-day-col"
       >
         <Checkbox