From d64c9fb935b2be43daabc24e7493b3b6c7f845a5 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera_w@proton.me>
Date: Wed, 10 Apr 2024 03:57:43 +0700
Subject: [PATCH] make member button hoverable

---
 style.css | 13 ++++++++++++-
 team.html |  6 +++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 124176b..adc0e58 100644
--- a/style.css
+++ b/style.css
@@ -39,6 +39,12 @@ html *
   opacity: 0.7;
 }
 
+.pronouns {
+  font-size: 12pt;
+  opacity: 0.5;
+  margin-left: 0.25cm;
+}
+
 .row {
   display: flex;
   justify-content: space-between;
@@ -134,7 +140,12 @@ html *
     margin-bottom: 0.5cm;
     min-height: 3cm;
     min-width: 6cm;
-    width: 32.5%
+    width: 32.5%;
+    transition-duration: 0.2s;
+  }
+
+  .itemcard-stealth:hover {
+    background-color: #e0e0e0;
   }
 }
 
diff --git a/team.html b/team.html
index c7299ce..eb8cc60 100644
--- a/team.html
+++ b/team.html
@@ -55,7 +55,11 @@
           <div class="listaction">
             <img src="icons/c4c.png" alt="Compute4Change" width="80" height="80" style="margin: 0.3cm;"> 
             <div>
-              <h3>Late Night Defender</h3>
+              <div style="display: flex; align-items: center;">
+                <h3>Late Night Defender</h3>
+                <p class="pronouns">she/they</p>
+              </div>
+              
               <p class="description">เข้าร่วมเมื่อ 23 ก.ค. 2023</p>
             </div>
           </div>