Improve styling of Add button

This commit is contained in:
James Brunton 2025-09-09 10:14:06 +01:00
parent e7cfb7045b
commit e6526bdb44
2 changed files with 5 additions and 5 deletions

View File

@ -1605,7 +1605,7 @@
"wordsToRedact": {
"title": "Words to Redact",
"placeholder": "Enter a word",
"addAnother": "Add Another",
"add": "Add",
"examples": "Examples: Confidential, Top-Secret"
},
"useRegexLabel": "Use Regex",

View File

@ -58,7 +58,7 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
))}
{/* Add new word input */}
<Stack gap="sm">
<Group gap="sm" align="end">
<TextInput
placeholder={t('redact.auto.wordsToRedact.placeholder', 'Enter a word')}
value={currentWord}
@ -66,17 +66,17 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
onKeyDown={handleKeyPress}
disabled={disabled}
size="sm"
style={{ flex: 1 }}
/>
<Button
size="sm"
variant="light"
onClick={addWord}
disabled={disabled || !currentWord.trim()}
style={{ alignSelf: 'flex-start' }}
>
+ {t('redact.auto.wordsToRedact.addAnother', 'Add Another')}
+ {t('redact.auto.wordsToRedact.add', 'Add')}
</Button>
</Stack>
</Group>
{/* Examples */}
{wordsToRedact.length === 0 && (