fix(navigator): keep room delete link on a single line

Add whitespace-nowrap to the 'delete room' link and shrink-0 to its X
icon so the label no longer wraps in the narrow room-settings panel.
This commit is contained in:
simoleo89
2026-05-31 09:00:52 +02:00
parent e8373ea610
commit 3b8bccfee9
@@ -166,8 +166,8 @@ export const NavigatorRoomSettingsBasicTabView: FC<NavigatorRoomSettingsTabViewP
<input className="form-check-input" type="checkbox" checked={ roomData.allowUnderpass } onChange={ event => handleChange('allow_underpass', event.target.checked) } /> <input className="form-check-input" type="checkbox" checked={ roomData.allowUnderpass } onChange={ event => handleChange('allow_underpass', event.target.checked) } />
<Text>{ LocalizeText('navigator.roomsettings.allow_underpass') }</Text> <Text>{ LocalizeText('navigator.roomsettings.allow_underpass') }</Text>
</Flex> </Flex>
<Text variant="danger" underline bold pointer className="flex justify-center items-center gap-1" onClick={ deleteRoom }> <Text variant="danger" underline bold pointer className="flex justify-center items-center gap-1 whitespace-nowrap" onClick={ deleteRoom }>
<FaTimes className="fa-icon" /> { LocalizeText('navigator.roomsettings.delete') } <FaTimes className="fa-icon shrink-0" /> { LocalizeText('navigator.roomsettings.delete') }
</Text> </Text>
</> </>
); );