From bfae93026dc00144964ace790e04b2a22fdf6503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Biron?= <clement.biron@gmail.com>
Date: Mon, 16 Dec 2024 14:29:59 +0100
Subject: [PATCH] Improve UI

---
 .../css/components/collection__governance.css   | 17 +++++++++++++----
 .../assets/css/components/contributors.css      |  6 +++---
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/themes/opentermsarchive/assets/css/components/collection__governance.css b/themes/opentermsarchive/assets/css/components/collection__governance.css
index 6f69d00a..dbdbd38b 100644
--- a/themes/opentermsarchive/assets/css/components/collection__governance.css
+++ b/themes/opentermsarchive/assets/css/components/collection__governance.css
@@ -24,7 +24,7 @@
 .governance__item {
   display: flex;
   flex-direction: column;
-  gap: var(--mXS);
+  gap: var(--mS);
   align-items: center;
   width: 240px;
   text-align: center;
@@ -33,7 +33,7 @@
 .governance__item-link {
   display: flex;
   flex-direction: column;
-  gap: var(--mXS);
+  gap: var(--mS);
   align-items: center;
 }
 
@@ -46,7 +46,7 @@
   height: 160px;
   overflow: hidden;
   background-color: var(--colorWhite);
-  border: 1px solid var(--colorBlack300);
+  box-shadow: 0 0 0 1px var(--colorBlack300);
   border-radius: 50%;
   transition: box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
 
@@ -58,10 +58,19 @@
 
 .governance__item-link:hover {
   .governance__item-logo {
-    box-shadow: 0 0 0 6px var(--colorSecondary);
+    box-shadow: 0 0 0 3px var(--colorSecondary);
   }
 }
 
 .governance__item-name {
   font-weight: bold;
 }
+
+.governance__item-type {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--2XS);
+}
diff --git a/themes/opentermsarchive/assets/css/components/contributors.css b/themes/opentermsarchive/assets/css/components/contributors.css
index 1e339e89..a1f8def3 100644
--- a/themes/opentermsarchive/assets/css/components/contributors.css
+++ b/themes/opentermsarchive/assets/css/components/contributors.css
@@ -22,11 +22,11 @@
 .contributor__link {
   display: flex;
   flex-direction: column;
-  gap: var(--m2XS);
+  gap: var(--mXS);
   align-items: center;
 
   &:hover > img {
-    box-shadow: 0 0 0 6px var(--colorSecondary);
+    box-shadow: 0 0 0 3px var(--colorSecondary);
   }
 }
 
@@ -39,7 +39,7 @@
 .contributor__image {
   background-color: var(--colorWhite);
   border-radius: 50%;
-  border: 1px solid var(--colorBlack300);
+  box-shadow: 0 0 0 1px var(--colorBlack300);
   transition: box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
 }