From 45c8a829c037f95709d3279205fc497f835dffff Mon Sep 17 00:00:00 2001
From: Louis Chemineau <louis@chmn.me>
Date: Thu, 9 Mar 2023 15:17:18 +0100
Subject: Add underline decoration to links and use div element as target

Signed-off-by: Louis Chemineau <louis@chmn.me>
---
 apps/files/src/views/Settings.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

(limited to 'apps/files/src')

diff --git a/apps/files/src/views/Settings.vue b/apps/files/src/views/Settings.vue
index f26c0b2e3fc..a7d1c44e719 100644
--- a/apps/files/src/views/Settings.vue
+++ b/apps/files/src/views/Settings.vue
@@ -61,14 +61,17 @@
 				</template>
 			</NcInputField>
 			<em>
-				<a :href="webdavDocs" target="_blank" rel="noreferrer noopener">
+				<a class="setting-link"
+					:href="webdavDocs"
+					target="_blank"
+					rel="noreferrer noopener">
 					{{ t('files', 'Use this address to access your Files via WebDAV') }} ↗
 				</a>
 			</em>
-			<br />
+			<br>
 			<em>
-				<a :href="appPasswordUrl">
-					{{ t('files', 'If you have enabled 2FA, you must create and use a new app password by clicking here.') }}
+				<a class="setting-link" :href="appPasswordUrl">
+					{{ t('files', 'If you have enabled 2FA, you must create and use a new app password by clicking here.') }} ↗
 				</a>
 			</em>
 		</NcAppSettingsSection>
@@ -175,5 +178,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.setting-link:hover {
+	text-decoration: underline;
+}
 </style>
-- 
cgit v1.2.3