From 0c509fde441cd014e928b599dee2ef5da23d660b Mon Sep 17 00:00:00 2001
From: Jakub Jankiewicz <jcubic@onet.pl>
Date: Fri, 13 Sep 2024 20:29:06 +0200
Subject: [PATCH] tweak contributors list component

---
 docs/src/components/Contributors/index.tsx        | 4 ++--
 docs/src/components/Contributors/style.module.css | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/src/components/Contributors/index.tsx b/docs/src/components/Contributors/index.tsx
index c0d324ec..c87d6937 100644
--- a/docs/src/components/Contributors/index.tsx
+++ b/docs/src/components/Contributors/index.tsx
@@ -18,8 +18,8 @@ export default function Contributors() {
         {users.map((user: User) => {
           return (
             <li key={user.login}>
-              <a href={user.url} rel="nofollow noopener">
-                <img src={user.avatar} alt={user.name} />
+              <a href={user.url} rel="nofollow noopener" title={user.name}>
+                <img src={user.avatar} alt={`Avatar of ${user.name}`} />
               </a>
             </li>
           );
diff --git a/docs/src/components/Contributors/style.module.css b/docs/src/components/Contributors/style.module.css
index 82d07bbf..857d4d50 100644
--- a/docs/src/components/Contributors/style.module.css
+++ b/docs/src/components/Contributors/style.module.css
@@ -4,6 +4,7 @@
 }
 
 .contributors {
+    --avatar-size: 52px;
     list-style: none;
     margin: 0;
     padding: 0;
@@ -11,7 +12,7 @@
     flex-wrap: wrap;
     gap: 5px;
     margin: 2em auto;
-    width: calc(32px * 15);
+    width: calc(var(--avatar-size) * 15);
 }
 
 .contributors li {
@@ -20,8 +21,8 @@
 }
 
 .contributors img {
-    width: 32px;
-    height: 32px;
+    width: var(--avatar-size);
+    height: var(--avatar-size);
 }
 
 .contributors a, .contributors img {