Improve UI

OpenTermsArchive · Dec 16, 2024 · bfae930 · bfae930
1 parent 8ded1a1
commit bfae930
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git 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
@@ -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);
 }