From b84a6ac93cc240642e221840384261437c9cd8e2 Mon Sep 17 00:00:00 2001
From: Antoine Phan <hoangtuan11102@gmail.com>
Date: Tue, 3 Feb 2026 11:29:44 -0500
Subject: [PATCH] Linting of styling issues

---
 src/components/council/CouncilCard.svelte      |  6 +++---
 src/components/council/CouncilCardPopUp.svelte |  4 ++--
 src/routes/council/+page.svelte                | 10 +++++-----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/council/CouncilCard.svelte b/src/components/council/CouncilCard.svelte
index 305739c..a41ae96 100644
--- a/src/components/council/CouncilCard.svelte
+++ b/src/components/council/CouncilCard.svelte
@@ -11,15 +11,15 @@
 
 <article
 	class="group bg-ecsess-800 ring-ecsess-500/50 ring-offset-ecsess-900 hover:ring-ecsess-300 hover:shadow-ecsess-400/50 focus-within:ring-ecsess-300 focus-within:ring-offset-ecsess-900 grid h-full min-w-0 grid-rows-[auto_1fr] overflow-hidden rounded-xl shadow-md ring-2 ring-offset-2 transition-all duration-500 ease-out focus-within:ring-2 focus-within:ring-offset-2 hover:shadow-xl {featured
-		? 'w-full max-w-[14rem] sm:max-w-[16rem]'
-		: 'w-full max-w-[14rem] sm:max-w-[16rem]'}"
+		? 'w-full max-w-56 sm:max-w-64'
+		: 'w-full max-w-56 sm:max-w-64'}"
 >
 	<div
 		class="bg-ecsess-700 relative flex aspect-square min-h-0 w-full items-center justify-center overflow-hidden"
 	>
 		{#if tag}
 			<span
-				class="bg-ecsess-600 text-ecsess-50 ring-ecsess-400/60 absolute top-2 right-2 z-[1] rounded-md px-2 py-1 text-xs font-semibold tracking-wide uppercase shadow-md ring-1"
+				class="bg-ecsess-600 text-ecsess-50 ring-ecsess-400/60 absolute top-2 right-2 z-1 rounded-md px-2 py-1 text-xs font-semibold tracking-wide uppercase shadow-md ring-1"
 			>
 				{tag}
 			</span>
diff --git a/src/components/council/CouncilCardPopUp.svelte b/src/components/council/CouncilCardPopUp.svelte
index f110094..751a98a 100644
--- a/src/components/council/CouncilCardPopUp.svelte
+++ b/src/components/council/CouncilCardPopUp.svelte
@@ -36,10 +36,10 @@
 
 	<!-- Photo block: top on small, left on md+ -->
 	<div
-		class="border-ecsess-700/60 bg-ecsess-850 md:border-ecsess-700/60 flex shrink-0 flex-col items-center justify-center border-b p-4 md:min-w-[11rem] md:border-r md:border-b-0 md:p-6"
+		class="border-ecsess-700/60 bg-ecsess-850 md:border-ecsess-700/60 flex shrink-0 flex-col items-center justify-center border-b p-4 md:min-w-44 md:border-r md:border-b-0 md:p-6"
 	>
 		<div
-			class="bg-ecsess-750 ring-ecsess-650/60 flex aspect-[4/5] w-24 items-center justify-center overflow-hidden rounded-lg shadow-inner ring-1 md:w-40 md:rounded-xl"
+			class="bg-ecsess-750 ring-ecsess-650/60 flex aspect-4/5 w-24 items-center justify-center overflow-hidden rounded-lg shadow-inner ring-1 md:w-40 md:rounded-xl"
 		>
 			{#if image && !imageError}
 				<img
diff --git a/src/routes/council/+page.svelte b/src/routes/council/+page.svelte
index f15a132..4da09b7 100644
--- a/src/routes/council/+page.svelte
+++ b/src/routes/council/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import CouncilCardPopUp from 'components/council/CouncilCardPopUp.svelte';
 	import Section from 'components/layout/Section.svelte';
-	import CardCouncil from 'components/council/CouncilCard.svelte';
+	import CouncilCard from 'components/council/CouncilCard.svelte';
 	import Link from 'components/Link.svelte';
 	import type { CouncilMember } from '$lib/schemas';
 	import SeoMetaTags from 'components/layout/SeoMetaTags.svelte';
@@ -86,7 +86,7 @@
 	direction="to-b"
 	contentStart
 >
-	<div class="w-full max-w-[90rem] px-4">
+	<div class="w-full max-w-360 px-4">
 		<!-- Hero -->
 		<h1 class="page-title text-ecsess-50">Meet the ECSESS Council</h1>
 
@@ -109,7 +109,7 @@
 					<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
 				</div>
 				<div class="mt-4 flex justify-center">
-					<CardCouncil
+					<CouncilCard
 						name={president.name}
 						position={president.position}
 						image={president.image}
@@ -134,7 +134,7 @@
 					<div
 						class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
 					>
-						<CardCouncil
+						<CouncilCard
 							name={vp.name}
 							position={vp.position}
 							image={vp.image}
@@ -159,7 +159,7 @@
 					<div
 						class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
 					>
-						<CardCouncil
+						<CouncilCard
 							name={urep.name}
 							position={urep.position}
 							image={urep.image}