reduce margin for titles

pages/favoris.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">
+		<h2 class="text-center my-4 font-weight-light">
 			{{ $t("favoris.title") }}
 		</h2>
 		<NavigationLoader :isLoading="$apollo.queries.favoris.loading" />

pages/index.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">{{ $t("inout") }}</h2>
+		<h2 class="text-center my-4 font-weight-light">{{ $t("inout") }}</h2>
 		<NavigationLoader :isLoading="$apollo.queries.newMembers.loading" />
 		<transition name="fade">
 			<div class="alert alert-danger" v-if="error">{{ error }}</div>

pages/lexique.vue

@@ -2,7 +2,7 @@
 	<main class="container">
 		<div class="rech-lexique row mb-4">
 			<div class="col-md-6 mx-auto">
-				<h2 class="text-center my-5 font-weight-light">{{ $t("lexique") }}</h2>
+				<h2 class="text-center my-4 font-weight-light">{{ $t("lexique") }}</h2>
 				<div class="form-group">
 					<input
 						v-model="search"

pages/membres/index.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">{{ $t("membres") }}</h2>
+		<h2 class="text-center my-4 font-weight-light">{{ $t("membres") }}</h2>
 		<div class="row mb-4">
 			<div class="col-sm-8 col-md-6 col-lg-5 m-auto text-center">
 				<label for="rech" class="form-label">{{ $t("recherche.title") }}</label>

pages/parametres.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">{{ $t("params.title") }}</h2>
+		<h2 class="text-center my-4 font-weight-light">{{ $t("params.title") }}</h2>
 		<NavigationLoader :isLoading="$apollo.queries.allParameters.loading" />
 		<transition name="fade">
 			<div class="alert alert-danger" v-if="error">{{ error }}</div>

pages/previsions/futures_sorties.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">{{ $t("futureexits") }}</h2>
+		<h2 class="text-center my-4 font-weight-light">{{ $t("futureexits") }}</h2>
 		<div class="row mb-4">
 			<div class="col-6 m-auto text-center">
 				<label for="period" class="form-label">{{

pages/previsions/index.vue

@@ -6,7 +6,7 @@
 		</transition>
 		<transition name="fade">
 			<div v-if="wwResult">
-				<h2 class="text-center my-5 font-weight-light">
+				<h2 class="text-center my-4 font-weight-light">
 					{{ $t("previsions.title") }}
 					<small
 						><span class="badge badge-secondary">{{

pages/template.vue

 <template>
 	<main class="container">
-		<h2 class="text-center my-5 font-weight-light">{{ myvar }}</h2>
+		<h2 class="text-center my-4 font-weight-light">{{ myvar }}</h2>
 		<code
 			>For internal links, use
 			<NuxtLink :to="localePath('path/page')">My link</NuxtLink></code