From bacf18751d2f0d195d82bf2c201302ae4e58bc84 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Thu, 23 Jan 2025 14:03:05 -0800
Subject: [PATCH] fixed mobile buggs

---
 src/components/board/Officer.astro | 54 +++++++++++++++++++++---------
 src/data/officers.json             |  2 +-
 2 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/components/board/Officer.astro b/src/components/board/Officer.astro
index 343a74e..f587dbe 100644
--- a/src/components/board/Officer.astro
+++ b/src/components/board/Officer.astro
@@ -2,31 +2,53 @@
 import { FaGear } from "react-icons/fa6";
 import { MdEmail } from "react-icons/md";
 import Link from "next/link";
-const {name, position, picture, email} = Astro.props;
+const { name, position, picture, email } = Astro.props;
 ---
-<div class = "text-white">
-    <div class = "text-ieee-yellow">
-        <Link href={`mailto:${email}`} className = "flex items-center ml-[3%] py-[0.5vh] group">
-            <MdEmail className = "md:text-[1.5vw] text-[2.5vw] mr-[0.5%] group-hover:scale-110 group-hover:opacity-70 duration-300"/>
-            <p class = "md:text-[0.8vw] text-[2vw]">
+
+<div class="text-white">
+    <div class="text-ieee-yellow">
+        <Link
+            href={`mailto:${email}`}
+            className="flex items-center ml-[3%] py-[0.5vh] group"
+        >
+            <MdEmail
+                className="md:text-[1.5vw] text-[2.5vw] mr-[0.5%] group-hover:scale-110 group-hover:opacity-70 duration-300"
+            />
+            <p class="md:text-[0.8vw] text-[2vw]">
                 {email}
             </p>
         </Link>
     </div>
 
-    <div class = "md:w-[20vw] w-[35vw] aspect-[334/440] bg-gradient-to-t from-ieee-blue-100/5 to-ieee-blue-100/25 rounded-[10%] flex flex-col items-center relative">
-        <img src ={picture} alt = "officer" class = "md:w-[18vw] w-[31vw] md:rounded-[1.5vw] rounded-[3vw] mt-[5%] mb-[3%]" >
-        <div class = "bg-white w-fit rounded-full aspect-square md:p-[0.4vw] p-[0.8vw] text-ieee-black md:text-[1.8vw] text-[3.5vw] absolute md:right-[1.5vw] md:top-[1.5vw] right-[2.5vw] top-[2.5vw]">
-            <FaGear/>
+    <div
+        class="md:w-[20vw] w-[35vw] aspect-[334/440] bg-gradient-to-t from-ieee-blue-100/5 to-ieee-blue-100/25 rounded-[10%] flex flex-col items-center relative"
+    >
+        <img
+            src={picture}
+            alt="officer"
+            class="md:w-[18vw] w-[31vw] md:rounded-[1.5vw] rounded-[3vw] mt-[5%] mb-[3%]"
+        />
+        <div
+            class="bg-white w-fit rounded-full aspect-square md:p-[0.4vw] p-[0.8vw] text-ieee-black md:text-[1.8vw] text-[3.5vw] absolute md:right-[1.5vw] md:top-[1.5vw] right-[2.5vw] top-[2.5vw]"
+        >
+            <FaGear />
         </div>
-        <div class = "w-full flex justify-between px-[7%]">
-            <p data-inview class = " in-view:animate-fade-right md:text-[2vw] text-[3.5vw] font-light md:leading-[2.5vw] leading-[5vw]">
+        <p
+            data-inview
+            class="in-view:animate-fade-right md:text-[2vw] text-[3.5vw] font-light md:leading-[2.5vw] leading-[5vw]"
+        >
+            <p
+                data-inview
+                class="in-view:animate-fade-right text-[2vw] font-light md:leading-[3vh] leading-[1.5vh]"
+            >
                 {name}
             </p>
-            <div data-inview class = "md:mt-[0.5vw] mt-[1.5vw] in-view:animate-fade-up md:text-[0.8vw] text-[1.5vw] md:w-[8vw] w-[15vw] border-[0.11vw] border-white/90 rounded-full p-[0.5%] h-fit text-center">
+            <div
+                data-inview
+                class="md:mt-[0.5vw] mt-[1.5vw] in-view:animate-fade-up md:text-[0.8vw] text-[1.5vw] w-[20vw] md:w-[10vw] border-[0.11vw] border-white/90 rounded-full p-[0.5%] h-fit text-center"
+            >
                 {position}
             </div>
-        </div>
+        </p>
     </div>
-    
-</div>
\ No newline at end of file
+</div>
diff --git a/src/data/officers.json b/src/data/officers.json
index 3156fce..8babfad 100644
--- a/src/data/officers.json
+++ b/src/data/officers.json
@@ -77,7 +77,7 @@
     "type": ["Internal"]
   },
   {
-    "name": "Wan-Rong (Emma) Leung",
+    "name": "Emma Leung",
     "position": "Design Chair",
     "picture": "/officers/emma.jpg",
     "email": "waleung@ucsd.edu",