Formatting and typos

src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx

@@ -20,7 +20,7 @@ import BookmarkSettingsItem from './BookmarkSettingsItem';
 import DebouncedBookmarkItem from './DebouncedBookmarkItem';
 
 function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
-	const { theme } = useCommonHooks();
+	const { theme, isMobile } = useCommonHooks();
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const [popoverOpened, setPopoverOpened] = useState(false);
 	const { mutateAsync } = useMutationAPI();
@@ -54,6 +54,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
 				className={modalClasses.helpModal}
 				classNames={modalClasses}
 				opened={modalOpened}
+				fullScreen={isMobile}
 				onClose={() => {
 					closeModal();
 				}}
@@ -71,12 +72,12 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
 				<Modal.Overlay />
 				<Modal.Content>
 					<Modal.Header>
-						<Modal.Title>Delete Application</Modal.Title>
+						<Modal.Title>Delete Group</Modal.Title>
 						<Modal.CloseButton />
 					</Modal.Header>
 					<Modal.Body pb={'2rem'}>
 						<Stack gap={0} w={'100%'} h={'150px'} align='center'>
-							<Text>Are you sure you want to delete this application?</Text>
+							<Text>Are you sure you want to delete this bookmark group?</Text>
 							<Text
 								style={{
 									fontWeight: 'bold',
@@ -124,7 +125,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
 									color: theme.primaryColor,
 								},
 							}}
-							w={'58%'}
+							w={isMobile ? undefined : '58%'}
 							className={textInputClasses.settingsItem}
 							classNames={textInputClasses}
 							defaultValue={group.categoryName}
@@ -142,7 +143,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
 									color: theme.primaryColor,
 								},
 							}}
-							w={'28%'}
+							w={isMobile ? undefined : '28%'}
 							className={textInputClasses.settingsItem}
 							classNames={textInputClasses}
 							defaultValue={group.filterName}
@@ -178,7 +179,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
 							borderRadius: '100%',
 							backgroundColor: theme.accentColor,
 							position: 'absolute',
-							top: 78,
+							top: isMobile ? 164 : 78,
 							right: 18,
 							zIndex: 10,
 							fontSize: 20,