Streamline Settings

Signed-off-by: szaimen <szaimen@e.mail.de>

src/components/AppNavigation/Settings/SettingsNewAddressbook.vue

@@ -31,7 +31,7 @@
 			ref="addressbook"
 			v-model="displayName"
 			:disabled="loading"
-			:placeholder="t('contacts', 'Address book name')"
+			:placeholder="t('contacts', 'Enter new address book name')"
 			:pattern="addressBookRegex"
 			class="new-addressbook-input"
 			type="text"

src/components/AppNavigation/SettingsSection.vue

@@ -33,11 +33,15 @@
 			<label for="socialSyncToggle">{{ t('contacts', 'Update avatars from social media') }}</label>
 			<em for="socialSyncToggle">{{ t('contacts', '(refreshed once per week)') }}</em>
 		</div>
+		<AppNavigationCaption :title="t('settings', 'Address Books')" />
 		<ul id="addressbook-list">
 			<SettingsAddressbook v-for="addressbook in addressbooks" :key="addressbook.id" :addressbook="addressbook" />
 		</ul>
+		<AppNavigationCaption :title="t('settings', 'Create a new Address Book')" />
 		<SettingsNewAddressbook :addressbooks="addressbooks" />
+		<AppNavigationCaption :title="t('settings', 'Sort Address Books')" />
 		<SettingsSortContacts class="settings-section" />
+		<AppNavigationCaption :title="t('settings', 'Import Address Books')" />
 		<SettingsImportContacts :addressbooks="addressbooks"
 			class="settings-section"
 			@clicked="onClickImport"
@@ -53,6 +57,7 @@ import SettingsAddressbook from './Settings/SettingsAddressbook'
 import SettingsNewAddressbook from './Settings/SettingsNewAddressbook'
 import SettingsImportContacts from './Settings/SettingsImportContacts'
 import SettingsSortContacts from './Settings/SettingsSortContacts'
+import AppNavigationCaption from '@nextcloud/vue/dist/Components/AppNavigationCaption'
 
 export default {
 	name: 'SettingsSection',
@@ -61,6 +66,7 @@ export default {
 		SettingsNewAddressbook,
 		SettingsImportContacts,
 		SettingsSortContacts,
+		AppNavigationCaption,
 	},
 	data() {
 		return {