diff --git a/assets/css/style.scss b/assets/css/style.scss index e12c4b9317a31ecf14b480c60a8958bbe213b9c1..3432e1cc784873c4ac1577f93dca6d84cf836a3b 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -77,7 +77,7 @@ $info: #0a8299; } .td-date { - width: 160px; + width: 165px; } } diff --git a/components/badge/Dispo.vue b/components/badge/Dispo.vue index 0a434bc15d06b479770118cafe16e76fab9f6640..885d99e249a0e4c9b42a2da31271372172b793e8 100644 --- a/components/badge/Dispo.vue +++ b/components/badge/Dispo.vue @@ -1,22 +1,20 @@ <template> - <small> - <span - class="badge" - :class="{ - 'badge-success': isDispo, - 'badge-danger': !isDispo - }"> - {{ - isDispo - ? $t("membre.dispo") - : "â± " + - nbPendingCertifs + - " ( " + - $d(new Date(dateDispo * 1000), "short") + - ")" - }} - </span> - </small> + <span + class="badge" + :class="{ + 'badge-success': isDispo, + 'badge-danger': !isDispo + }"> + {{ + isDispo + ? $t("membre.dispo") + : "â± " + + nbPendingCertifs + + " ( " + + $d(new Date(dateDispo * 1000), "short") + + ")" + }} + </span> </template> <script> diff --git a/components/badge/Quality.vue b/components/badge/Quality.vue index 0f9c0007e67a122da5a3a7480a4e9c6bbe8651a3..58584e4acc01d80860878faa24ec348375f6110f 100644 --- a/components/badge/Quality.vue +++ b/components/badge/Quality.vue @@ -1,14 +1,12 @@ <template> - <small> - <span - class="badge" - :class="{ - 'badge-success': quality >= 80, - 'badge-warning': quality < 80 - }"> - {{ Math.round(quality * 100) / 100 }} - </span> - </small> + <span + class="badge" + :class="{ + 'badge-success': quality >= 80, + 'badge-warning': quality < 80 + }"> + {{ Math.round(quality * 100) / 100 }} + </span> </template> <script> diff --git a/components/badge/Status.vue b/components/badge/Status.vue index 086493d0cfbfd74adbd6b30ea8cd12225d434fdb..98cf50f5abea699bb09bed99ccb97fa495c8e06a 100644 --- a/components/badge/Status.vue +++ b/components/badge/Status.vue @@ -1,9 +1,7 @@ <template> - <small> - <span class="badge" :class="this.displayStatus(membre).class"> - {{ this.displayStatus(membre).str }} - </span> - </small> + <span class="badge" :class="this.displayStatus(membre).class"> + {{ this.displayStatus(membre).str }} + </span> </template> <script> diff --git a/components/certif/List.vue b/components/certif/List.vue index 3e4b2420df7cc2c9e790dcd3980f859896c58bd9..7c9e3281c9b73c46fbb6afaa1d292f1dd4c880ee 100644 --- a/components/certif/List.vue +++ b/components/certif/List.vue @@ -54,9 +54,9 @@ </th> <td class="text-right py-1"> <BadgeDate :date="certif.expires_on" styleDate="short" /> - <small class="d-block" v-if="certif.pending"> - <span class="badge badge-secondary">{{ $t("traitement") }}</span> - </small> + <span class="badge badge-secondary" v-if="certif.pending">{{ + $t("traitement") + }}</span> </td> </tr> </tbody> diff --git a/components/member/Card.vue b/components/member/Card.vue index b6979e4d50b414efd54557b901fb87d9b6c85d45..b128a13f9f4f5287e580087c93b0487e2b1447d1 100644 --- a/components/member/Card.vue +++ b/components/member/Card.vue @@ -7,7 +7,7 @@ <span class="text-truncate d-inline-block"> {{ hash.uid }} </span> - <BadgeStatus class="ml-2" :membre="hash" /> + <small><BadgeStatus class="ml-2" :membre="hash" /></small> </h2> <button id="favori"