Adjust incident styles

Removed 'justifyContent: space-between' from the row container and updated the text container to use flex: 1, alignItems: 'flex-start', padding, and maxWidth for improved layout and text alignment.
This commit is contained in:
Matt DiMeglio 2025-08-12 15:00:26 -04:00
parent 4d21fbebf8
commit dd5a0523dc

View file

@ -167,7 +167,7 @@ export default function Incidents() {
) : null} ) : null}
</View> </View>
</View> </View>
<View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}> <View style={{ flexDirection: 'row', alignItems: 'center' }}>
<SelectedIcon <SelectedIcon
color={callColorSelector( color={callColorSelector(
incNatureCodeDesc, incNatureCodeDesc,
@ -178,7 +178,7 @@ export default function Incidents() {
width={56} width={56}
height={56} height={56}
/> />
<View style={{ flexDirection: 'column' }}> <View style={{ flex: 1, flexDirection: 'column', alignItems: 'flex-start', paddingHorizontal: 2, maxWidth: '80%' }}>
{locationName ? ( {locationName ? (
<Text <Text
style={{ style={{