minor fixes

components/BadgeSection.vue

@@ -290,7 +290,7 @@ const cols = [
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: flex-start;
-  margin: 12px 0;
+  margin: 24px 0;
   padding: 12px 6px;
   border: solid 1px rgba(var(--v-theme-on-background), 0.2);
   border-radius: 16px;

components/Contact.vue

@@ -61,7 +61,7 @@
     </v-form>
 
     <div v-else class="confirmation-message d-flex flex-row justify-center">
-      <v-card class="pa-6">
+      <v-card>
         <v-icon icon="fas fa-check mr-1" />
         {{ $t('contact_confirmation') }}
       </v-card>
@@ -143,5 +143,7 @@ const submit = async (): Promise<void> => {
 </script>
 
 <style scoped lang="scss">
-
+.confirmation-message .v-card {
+  padding: 14px;
+}
 </style>

lang/en.json

@@ -36,7 +36,7 @@
   "contact_name": "Name or organization (optional)",
   "contact_message": "Message",
   "contact_submit": "Send",
-  "contact_confirmation": "Your message has been sent, I will get back to you as soon as possible",
+  "contact_confirmation": "Your message has been sent, I will get back to you as soon as possible.",
   "continuous_improvement": "Continuous improvement",
   "system_administration": "System administration",
   "anti-bot-test": "Anti-bot check"

lang/fr.json

@@ -36,7 +36,7 @@
   "contact_name": "Nom ou structure (facultatif)",
   "contact_message": "Message",
   "contact_submit": "Envoyer",
-  "contact_confirmation": "Votre message a bien été envoyé, je reviendrais vers vous dès que possible",
+  "contact_confirmation": "Votre message a bien été envoyé, je reviendrais vers vous dès que possible.",
   "continuous_improvement": "Amélioration continue",
   "system_administration": "Administration système",
   "anti-bot-test": "Contrôle anti-robots"