Update QuickPropertyFilters Component with Padding Adjustments and Enhanced Text Prompts
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good

- Modified padding styles for buttons in the QuickPropertyFilters component to improve visual consistency.
- Enhanced text prompts to provide clearer instructions for users regarding property filtering options.
This commit is contained in:
Tom Butcher 2026-09-01 21:20:32 +01:00
parent c23a4f8f64
commit b2e35c965c

View File

@ -371,7 +371,7 @@ const QuickPropertyFilters = ({
onClick={handleClear} onClick={handleClear}
style={{ style={{
textAlign: 'left', textAlign: 'left',
padding: '5px 12px', padding: '5px 12px 5px 12px',
justifyContent: 'flex-start' justifyContent: 'flex-start'
}} }}
type='text' type='text'
@ -386,7 +386,7 @@ const QuickPropertyFilters = ({
<Button <Button
style={{ style={{
textAlign: 'left', textAlign: 'left',
padding: '5px 12px', padding: '5px 8px 5px 12px',
justifyContent: 'flex-start' justifyContent: 'flex-start'
}} }}
type='text' type='text'
@ -435,7 +435,7 @@ const QuickPropertyFilters = ({
<Text> <Text>
{activeOption.needsRange {activeOption.needsRange
? `Enter a range to continue:` ? `Enter a range to continue:`
: `Enter a ${categoryLabel.toLowerCase()} value to continue:`} : `Enter a ${categoryLabel.toLowerCase()} value where the ${propertyLabel.toLowerCase()} ${activeOption.label.toLowerCase()}:`}
</Text> </Text>
{activeOption.needsRange ? ( {activeOption.needsRange ? (
<Flex vertical gap='middle'> <Flex vertical gap='middle'>