From 76c1a9d406620fe3512d2409be2c6d6c0768abae Mon Sep 17 00:00:00 2001
From: Ivan Babrou <github@ivan.computer>
Date: Fri, 14 Jan 2022 13:29:30 -0800
Subject: [PATCH] Widen date input to avoid clipping, fixes #864

Signed-off-by: Ivan Babrou <github@ivan.computer>
---
 .../src/components/SearchTracePage/SearchForm.js          | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js b/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js
index 3809143f4c..10311bfafd 100644
--- a/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js
+++ b/packages/jaeger-ui/src/components/SearchTracePage/SearchForm.js
@@ -378,7 +378,7 @@ export class SearchFormImpl extends React.PureComponent {
             }
           >
             <Row gutter={16}>
-              <Col className="gutter-row" span={12}>
+              <Col className="gutter-row" span={14}>
                 <Field
                   name="startDate"
                   type="date"
@@ -388,7 +388,7 @@ export class SearchFormImpl extends React.PureComponent {
                 />
               </Col>
 
-              <Col className="gutter-row" span={12}>
+              <Col className="gutter-row" span={10}>
                 <Field name="startDateTime" type="time" component={AdaptedInput} props={{ disabled }} />
               </Col>
             </Row>
@@ -414,7 +414,7 @@ export class SearchFormImpl extends React.PureComponent {
             }
           >
             <Row gutter={16}>
-              <Col className="gutter-row" span={12}>
+              <Col className="gutter-row" span={14}>
                 <Field
                   name="endDate"
                   type="date"
@@ -424,7 +424,7 @@ export class SearchFormImpl extends React.PureComponent {
                 />
               </Col>
 
-              <Col className="gutter-row" span={12}>
+              <Col className="gutter-row" span={10}>
                 <Field name="endDateTime" type="time" component={AdaptedInput} props={{ disabled }} />
               </Col>
             </Row>