Fix layout of the last sending date segment in the segment edit page

This change will affect all the segments that use the <DateFields>
component.

See https://github.com/mailpoet/mailpoet/pull/5174#issuecomment-1746542729

[MAILPOET-5398]

mailpoet/assets/css/src/components-plugin/_segments.scss

@@ -25,6 +25,11 @@
     margin-left: 0 !important;
     width: 80px;
   }
+
+  .mailpoet-segments-datepicker-small {
+    margin-left: 0 !important;
+    width: 110px;
+  }
 }
 
 .mailpoet-segments-description-section .mailpoet-form-textarea textarea {

mailpoet/assets/js/src/segments/dynamic/dynamic-segments-filters/fields/date-fields.tsx

@@ -5,7 +5,6 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { MailPoet } from 'mailpoet';
 import { Select } from 'common/form/select/select';
 import { Datepicker } from 'common/datepicker/datepicker';
-import { Grid } from 'common/grid';
 import { Input } from 'common/form/input/input';
 
 import { DateFormItem, FilterProps } from '../../types';
@@ -99,10 +98,11 @@ function DateFields({
   }, [updateSegmentFilter, segment, filterIndex, defaultOperator]);
 
   return (
-    <Grid.CenteredRow>
+    <>
       <Select
         key="select"
         value={segment.operator}
+        isMinWidth
         onChange={(e) => {
           void updateSegmentFilterFromEvent('operator', filterIndex, e);
         }}
@@ -131,6 +131,7 @@ function DateFields({
         segment.operator === DateOperator.ON_OR_BEFORE ||
         segment.operator === DateOperator.NOT_ON) && (
         <Datepicker
+          className="mailpoet-segments-datepicker-small"
           dateFormat="MMM d, yyyy"
           onChange={(value): void => {
             void updateSegmentFilter(
@@ -145,6 +146,7 @@ function DateFields({
         segment.operator === DateOperator.NOT_IN_THE_LAST) && (
         <>
           <Input
+            className="mailpoet-segments-input-small"
             key="input"
             type="number"
             value={segment.value || ''}
@@ -157,7 +159,7 @@ function DateFields({
           <span>{MailPoet.I18n.t('daysPlaceholder')}</span>
         </>
       )}
-    </Grid.CenteredRow>
+    </>
   );
 }