From 81080b98dd76353fed8e4be9d915e968e09a8b3b Mon Sep 17 00:00:00 2001
From: dartcafe <github@dartcafe.de>
Date: Tue, 5 Sep 2023 21:58:40 +0200
Subject: [PATCH] change text styling of auto reminder information

Signed-off-by: dartcafe <github@dartcafe.de>
---
 .../Configuration/AutoReminderInformation.vue | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/js/components/Configuration/AutoReminderInformation.vue b/src/js/components/Configuration/AutoReminderInformation.vue
index 09638a904..6b87d7e58 100644
--- a/src/js/components/Configuration/AutoReminderInformation.vue
+++ b/src/js/components/Configuration/AutoReminderInformation.vue
@@ -22,25 +22,23 @@
 
 <template lang="html">
 	<div class="auto-reminder-information">
-		<p> {{ t('polls', 'The automatic reminder is sent to all shares via email:') }} </p>
-		<p> 1. {{ t('polls', 'For polls with expiration:') }} </p>
+		<h1> {{ t('polls', 'The automatic reminder is sent to all shares via email:') }} </h1>
+		<h2> {{ t('polls', 'For polls with expiration:') }} </h2>
 		<ul>
-			<li> - {{ t('polls', '48 hours before the expiration date, if the poll is created more than 5 days before the expiration.') }}</li>
-			<li> - {{ t('polls', '36 hours before the expiration date, if the poll is created more than 2 and less than 5 days before the expiration.') }}</li>
+			<li> {{ t('polls', '48 hours before the expiration date, if the poll is created more than 5 days before the expiration.') }}</li>
+			<li> {{ t('polls', '36 hours before the expiration date, if the poll is created more than 2 and less than 5 days before the expiration.') }}</li>
 		</ul>
-		<p> &nbsp; </p>
-		<p> 2. {{ t('polls', 'For date polls without expiration:') }} </p>
+		<h2> {{ t('polls', 'For date polls without expiration:') }} </h2>
 		<ul>
-			<li> - {{ t('polls', '48 hours before the first date option, if the poll is created more than 5 days before the first date option.') }}</li>
-			<li> - {{ t('polls', '36 hours before the first date option, if the poll is created more than 2 and less than 5 days before the first date option.') }}</li>
+			<li> {{ t('polls', '48 hours before the first date option, if the poll is created more than 5 days before the first date option.') }}</li>
+			<li> {{ t('polls', '36 hours before the first date option, if the poll is created more than 2 and less than 5 days before the first date option.') }}</li>
 		</ul>
-		<p> &nbsp; </p>
-		<p> 3. {{ t('polls', 'No reminder is sent:') }} </p>
+		<h2> {{ t('polls', 'No reminder is sent:') }} </h2>
 		<ul>
-			<li> - {{ t('polls', 'For text polls without expiration.') }}</li>
-			<li> - {{ t('polls', 'For polls created less than 2 days before the expiration.') }}</li>
-			<li> - {{ t('polls', 'If a share already got a reminder (no matter, if the expiration date got changed).') }}</li>
-			<li> - {{ t('polls', 'If the poll is already closed.') }}</li>
+			<li> {{ t('polls', 'For text polls without expiration.') }}</li>
+			<li> {{ t('polls', 'For polls created less than 2 days before the expiration.') }}</li>
+			<li> {{ t('polls', 'If a share already got a reminder (no matter, if the expiration date got changed).') }}</li>
+			<li> {{ t('polls', 'If the poll is already closed.') }}</li>
 		</ul>
 	</div>
 </template>
@@ -54,6 +52,15 @@ export default {
 <style lang="scss">
 	.auto-reminder-information {
 		padding: 8px;
+		* {
+			margin: revert;
+			padding: revert;
+			font-size: revert;
+			text-decoration: revert;
+			list-style: revert;
+			opacity: revert;
+			min-height: revert;
+		}
 	}
 
 </style>