improved the spacing

webclient/components/CalendarModal.vue

@@ -76,12 +76,12 @@ function showFeedbackOnError(){
 
 <template>
   <LazyModal v-model="calendar.open" :title="t('title')">
-    <Toast v-if="error" level="error" class="gap-4" >
-      <p class="text-md font-bold">{{ t("error.header") }}</p>
-      <p class="text-sm">
+    <Toast v-if="error" level="error" >
+      <h2 class="text-md font-bold">{{ t("error.header") }}</h2>
+      <p class="text-sm pb-3 pt-1.5 gap-2 leading-8">
         {{ t("error.reason") }}:<br />
         <code
-          class="text-red-900 bg-red-200 mb-1 mt-2 inline-flex max-w-full items-center space-x-2 overflow-auto rounded-md px-4 py-3 text-left font-mono text-xs dark:bg-red-50/20"
+          class="text-red-900 bg-red-200 inline-flex max-w-full items-center space-x-2 overflow-auto rounded-md px-4 py-3 text-left font-mono text-xs dark:bg-red-50/20"
         >
           {{ error }}
         </code>
@@ -185,8 +185,8 @@ de:
   Loading data...: Lädt daten...
   error:
     header: Beim Versuch, den Kalender anzuzeigen, ist ein Fehler aufgetreten
-    reason: Der Grund für diesen Fehler ist
-    call_to_action: Wenn dieses Problem weiterhin besteht, kontaktieren Sie uns bitte über das {0}
+    reason: Grund für diesen Fehler ist
+    call_to_action: Wenn dieses Problem weiterhin besteht, kontaktiere uns bitte über das {0}
     feedback_form: Feedback-Formular
   footer:
     disclaimer: Stündlich aktualisiert und identische Termine zusammengefasst.