improve member page

pages/membres/_hash.vue

@@ -7,12 +7,12 @@
     <transition name="fade">
       <div v-if="idFromHash">
         <div class="row">
-          <div class="mx-auto mt-3">
+          <div class="col-md-8 col-lg-6 mx-auto mt-3">
             <MemberCard :hash="idFromHash" />
           </div>
         </div>
         <div class="row mt-3" v-if="idFromHash.status != 'REVOKED'">
-          <div class="col-md-8 col-lg-5 mb-3 mx-auto">
+          <div class="col-md-8 col-lg-6 col-xl-5 mb-3 mx-auto">
             <h3 class="h4 text-center" :class="{
               'text-success' : ['NEWCOMER','MISSING'].includes(idFromHash.status) && idFromHash.received_certifications.certifications.length>=5,
               'text-danger' : ['NEWCOMER','MISSING'].includes(idFromHash.status) && idFromHash.received_certifications.certifications.length<5,
@@ -21,7 +21,7 @@
             </h3>
             <CertifList :certifs="idFromHash.received_certifications.certifications" type="received" />
           </div>
-          <div class="col-md-8 col-lg-5 mx-auto" v-if="['MISSING','MEMBER'].includes(idFromHash.status)">
+          <div class="col-md-8 col-lg-6 col-xl-5 mx-auto" v-if="['MISSING','MEMBER'].includes(idFromHash.status)">
             <h3 class="h4 text-center">{{ $t('certifications.envoyees') }} ({{ idFromHash.sent_certifications.length }})</h3>
             <CertifList :certifs="idFromHash.sent_certifications" type="sent" />
           </div>