Merge pull request #259 from seatsurfing/icon-alignment

Improved icon alignment
seatsurfing · Aug 25, 2024 · 8432837 · 8432837
2 parents ee80c8b + f70ded0
commit 8432837
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/booking-ui/src/pages/search.tsx b/booking-ui/src/pages/search.tsx
@@ -706,21 +706,21 @@ class Search extends React.Component<Props, State> {
         <div className="content">
           <Form>
             <Form.Group as={Row}>
-              <Col xs="2"><LocationIcon title={this.props.t("area")} color={'#555'} height="20px" width="20px" /></Col>
+              <Col xs="2" className='pt-1'><LocationIcon title={this.props.t("area")} color={'#555'} height="20px" width="20px" /></Col>
               <Col xs="10">
                 <Form.Select required={true} value={this.state.locationId} onChange={(e) => this.changeLocation(e.target.value)}>
                   {this.renderLocations()}
                 </Form.Select>
               </Col>
             </Form.Group>
             <Form.Group as={Row} className="margin-top-10">
-              <Col xs="2"><EnterIcon title={this.props.t("enter")} color={'#555'} height="20px" width="20px" /></Col>
+              <Col xs="2"  className='pt-1'><EnterIcon title={this.props.t("enter")} color={'#555'} height="20px" width="20px" /></Col>
               <Col xs="10">
                 {enterDatePicker}
               </Col>
             </Form.Group>
             <Form.Group as={Row} className="margin-top-10">
-              <Col xs="2"><ExitIcon title={this.props.t("leave")} color={'#555'} height="20px" width="20px" /></Col>
+              <Col xs="2" className='pt-1'><ExitIcon title={this.props.t("leave")} color={'#555'} height="20px" width="20px" /></Col>
               <Col xs="10">
                 {leaveDatePicker}
               </Col>