From cd00657a0b12f48a0f1da69d75bb29b8863c8151 Mon Sep 17 00:00:00 2001
From: Pierre-Jean CHANCELLIER <paidge_cs@hotmail.com>
Date: Wed, 16 Feb 2022 14:44:15 +0100
Subject: [PATCH] improve tables display

---
 assets/css/style.scss      |  4 ++++
 components/member/List.vue | 10 ++++++++--
 pages/membres/index.vue    |  2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 09de85d..1e73309 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -76,6 +76,10 @@ $info: #0a8299;
 	.td-date {
 		width: 165px;
 	}
+
+	.td-pubkey {
+		width: 200px;
+	}
 }
 
 .list-group-item {
diff --git a/components/member/List.vue b/components/member/List.vue
index 297396d..4c9d291 100644
--- a/components/member/List.vue
+++ b/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>
diff --git a/pages/membres/index.vue b/pages/membres/index.vue
index 1ef9249..6fbe0b0 100644
--- a/pages/membres/index.vue
+++ b/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>
-- 
GitLab