Updates to styles; misc bugfixes

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

@@ -10,7 +10,7 @@ function BookmarkSettingsItem({ bookmark }: { bookmark: Bookmark }) {
 			style={{
 				cursor: 'pointer',
 				borderRadius: '4px',
-				color: 'var(--mantine-color-accent-0)',
+				color: 'var(--mantine-color-primary-0)',
 				backgroundColor: 'var(--mantine-color-search-0)',
 				padding: '.5rem',
 			}}

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

@@ -203,7 +203,11 @@ const BookmarkSettings = () => {
 			/>
 			{dragging ? (
 				<DragDropContext onDragEnd={onDragEnd}>
-					<Stack mb={isMobile ? '6rem' : '1rem'} align='center'>
+					<Stack
+						mt={isMobile ? '10rem' : '6rem'}
+						mb={isMobile ? '6rem' : '1rem'}
+						align='center'
+					>
 						<Droppable droppableId={'groupList'}>
 							{(provided) => (
 								<Stack
@@ -279,7 +283,11 @@ const BookmarkSettings = () => {
 					</Stack>
 				</DragDropContext>
 			) : (
-				<Stack mb={isMobile ? '6rem' : '1rem'} align='center'>
+				<Stack
+					mt={isMobile ? '10rem' : '6rem'}
+					mb={isMobile ? '6rem' : '1rem'}
+					align='center'
+				>
 					<Group w={isMobile ? undefined : '80%'} align='start' justify='center'>
 						{groups.length > 0 ? (
 							groups?.map((group: BookmarkGroup) => (