Updated Settings pages

src/pages/settings/components/Applications/Applications.tsx

@@ -210,15 +210,24 @@ const ApplicationSettings = () => {
 						style={{
 							color: theme.primaryColor,
 							backgroundColor: theme.backgroundColor,
+							width: '500px',
 						}}
 					>
 						<Stack>
 							<Text className={textClasses.settingsTooltip} classNames={textClasses}>
-								{'Applications are the apps that will be displayed in the homepage.'}
+								{'Applications are the apps that will be displayed on the homepage.'}
 							</Text>
 							<Highlight
-								ta={'center'}
-								highlight={''}
+								highlight={[
+									'Applications',
+									'apps',
+									'application',
+									'name',
+									'base url',
+									'url',
+									'icon',
+									'filter',
+								]}
 								className={textClasses.settingsTooltip}
 								classNames={textClasses}
 								highlightStyles={{
@@ -229,7 +238,9 @@ const ApplicationSettings = () => {
 									WebkitTextFillColor: 'transparent',
 								}}
 							>
-								{''}
+								{
+									'Applications contain a name, base url, url, icon and filter. Currently the icon must be the mdi icon name. URLs can contain either http(s):// or not. Base URLs should start with /, otherwise they will cause errors.'
+								}
 							</Highlight>
 						</Stack>
 					</Popover.Dropdown>