fix AccidentsPopUp spaces

Author: citizen-dror

src/components/map/AccidentPopUp.tsx

@@ -19,9 +19,9 @@ const AccidentsPopUp: React.FC<IProps> = (({ data: x, language }) => {
     return (
       <Popup>
         <div style={{fontSize: '16px'}} className={`text${language}`}>
-          <div><span style={pStyle}>{t('When')}:</span> {x.accident_timestamp.slice(0, 16)}, {x.day_in_week_hebrew}, {x.day_night_hebrew}</div>
-          <div><span style={pStyle}>{t('Who')}:</span> {x.injured_type_hebrew}, {x.injury_severity_hebrew}, {x.vehicle_vehicle_type_hebrew ? `${x.vehicle_vehicle_type_hebrew}, ` : ''} {x.sex_hebrew}, {x.age_group_hebrew}, {x.population_type_hebrew}</div>
-          <div><span style={pStyle}>{t('Where')}:</span>
+          <div><span style={pStyle}>{t('When')}: </span>{x.accident_timestamp.slice(0, 16)}, {x.day_in_week_hebrew}, {x.day_night_hebrew}</div>
+          <div><span style={pStyle}>{t('Who')}: </span>{x.injured_type_hebrew}, {x.injury_severity_hebrew}, {x.vehicle_vehicle_type_hebrew ? `${x.vehicle_vehicle_type_hebrew}, ` : ''} {x.sex_hebrew}, {x.age_group_hebrew}, {x.population_type_hebrew}</div>
+          <div><span style={pStyle}>{t('Where')}: </span> 
             {x.accident_yishuv_name ? `${x.accident_yishuv_name}, ` : ''}
             {x.street1_hebrew ? `${x.street1_hebrew}, ` : ''}
             {x.street2_hebrew ? `${x.street2_hebrew}, ` : ''}
@@ -31,8 +31,8 @@ const AccidentsPopUp: React.FC<IProps> = (({ data: x, language }) => {
             {x.road_type_hebrew}
             {x.location_accuracy_hebrew ? ` (${x.location_accuracy_hebrew})` : ''}
           </div>
-          <div><span style={pStyle}>{t('What')}:</span> {x.accident_type_hebrew} ({x.vehicles})</div>
-          <div><span style={pStyle}>{t('WhatRoad')}:</span> {x.speed_limit_hebrew ? `${x.speed_limit_hebrew}, ` : ''}{x.multi_lane_hebrew ? `${x.multi_lane_hebrew}, ` : ''}{x.one_lane_hebrew ? `${x.one_lane_hebrew}, ` : ''}{x.road_width_hebrew ? `${x.road_width_hebrew} ` : ''}</div>
+          <div><span style={pStyle}>{t('What')}: </span>{x.accident_type_hebrew} ({x.vehicles})</div>
+          <div><span style={pStyle}>{t('WhatRoad')}: </span>{x.speed_limit_hebrew ? `${x.speed_limit_hebrew}, ` : ''}{x.multi_lane_hebrew ? `${x.multi_lane_hebrew}, ` : ''}{x.one_lane_hebrew ? `${x.one_lane_hebrew}, ` : ''}{x.road_width_hebrew ? `${x.road_width_hebrew} ` : ''}</div>
         </div>
       </Popup>
     );