From 4e0ee79409f8313d1e95f4bfa0d635d3cb669529 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Thu, 4 Jul 2024 01:35:46 +0700
Subject: [PATCH] make pronouns look better on small screens

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

diff --git a/style.css b/style.css
index a602b85..52d1590 100644
--- a/style.css
+++ b/style.css
@@ -59,9 +59,10 @@ h1 {
 }
 
 .pronouns {
-  font-size: 12pt;
+  font-size: 10pt;
   opacity: 0.5;
-  margin-left: 0.25cm;
+  margin-top: -0.5cm;
+  margin-bottom: 0.5cm;
 }
 
 .section {
diff --git a/team.html b/team.html
index fe3a6d5..65a7de5 100644
--- a/team.html
+++ b/team.html
@@ -53,7 +53,7 @@
           <div class="listaction">
             <img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
             <div>
-              <div style="display: flex; align-items: center;">
+              <div>
                 <h3>Late Night Defender</h3>
                 <p class="pronouns">she/they</p>
               </div>
@@ -66,7 +66,7 @@
           <div class="listaction">
             <img src="https://gitlab.com/uploads/-/system/user/avatar/9471734/avatar.png" alt="latenightdef" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
             <div>
-              <div style="display: flex; align-items: center;">
+              <div>
                 <h3>NekoVari</h3>
                 <p class="pronouns">he/they</p>
               </div>
@@ -78,7 +78,7 @@
           <div class="listaction">
             <img src="avatars/srp-rottenmango.webp" alt="srp-mangoeater" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)"> 
             <div>
-              <div style="display: flex; align-items: center;">
+              <div>
                 <h3>SRP mangoeater</h3>
                 <p class="pronouns">she/her</p>
               </div>