diff --git a/assets/css/style.scss b/assets/css/style.scss index 5d5a4117f097249d56982a86cf0289ab3ab0c222..09de85d9ca8751bf3e7c4b5e0b11915213ce9c25 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -7,6 +7,7 @@ $small-font-size: 70%; // Badges $badge-font-size: 0.7em; +$badge-font-weight: 500; // Tables; $table-border-color: var(--background-color-primary); @@ -47,19 +48,21 @@ $info: #0a8299; table-layout: fixed; } - & > :not(:first-child) { - border-top: none; - } - - &.sortable thead { - tr { - border-left: 1px solid var(--text-primary-color); + &.sortable { + thead { + tr { + border-left: 1px solid var(--text-primary-color); + } + + th { + border-right: 1px solid; + border-top: 1px solid; + border-bottom: 1px solid; + } } - th { - border-right: 1px solid; - border-top: 1px solid; - border-bottom: 1px solid; + & > :not(:first-child) { + border-top: none; } } tbody tr > * { diff --git a/components/certif/List.vue b/components/certif/List.vue index 7d656c9b375c1e0cd6cce3363765af2407adae3e..29ac12e774e5548ebecb9b34e67c700b0ae2bfcc 100644 --- a/components/certif/List.vue +++ b/components/certif/List.vue @@ -1,6 +1,6 @@ <template> <div class="table-responsive" v-if="certifs.length > 0"> - <BtnSearch v-model="search" class="col" v-if="certifs.length > 5" /> + <BtnSearch v-model="search" class="px-2 pt-2" v-if="certifs.length > 5" /> <table class="table table-striped table-hover table-fixed sortable"> <thead class="thead-light"> <tr> @@ -54,7 +54,7 @@ </th> <td class="text-right py-1"> <BadgeDate :date="certif.expires_on" styleDate="short" /> - <span class="badge badge-secondary" v-if="certif.pending">{{ + <span class="badge bg-secondary" v-if="certif.pending">{{ $t("traitement") }}</span> </td>