improve tables display

assets/css/style.scss

@@ -76,6 +76,10 @@ $info: #0a8299;
 	.td-date {
 		width: 165px;
 	}
+
+	.td-pubkey {
+		width: 200px;
+	}
 }
 
 .list-group-item {

components/member/List.vue

@@ -18,7 +18,7 @@
 					</th>
 					<th
 						scope="col"
-						class="d-none d-md-table-cell p-0"
+						class="td-pubkey d-none d-lg-table-cell p-0"
 						@click="sort('pubkey')"
 						v-if="['search', 'favoris'].includes(type)">
 						<BtnSort
@@ -89,7 +89,7 @@
 						</div>
 					</th>
 					<td
-						class="d-none d-md-table-cell"
+						class="d-none d-lg-table-cell"
 						v-if="['search', 'favoris'].includes(type)"
 						@click="redirect(member.hash)">
 						{{ member.pubkey.substring(0, 10) }}
@@ -219,3 +219,9 @@ export default {
 	}
 }
 </script>
+
+<style lang="scss" scoped>
+tbody tr {
+	height: 90px;
+}
+</style>

pages/membres/index.vue

@@ -19,7 +19,7 @@
 				v-if="
 					idSearch && param.length > 2 && !$apollo.queries.idSearch.loading
 				">
-				<div class="col-lg-9 col-xl-8 m-auto">
+				<div class="col m-auto">
 					<MemberList :members="idSearch.ids" type="search" />
 				</div>
 			</div>