From 4db54e48005d7c621acd4e3dada93c5b220adb29 Mon Sep 17 00:00:00 2001
From: Nhan Doan <2561973+dnhn@users.noreply.github.com>
Date: Sun, 15 Dec 2024 05:02:55 +0700
Subject: [PATCH] Website: Rounded flags (#983)

* Rounded flags

* Remove cover objet fit
---
 .../transparency/finances/[currency]/section-3-cards.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx b/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
index b215c0587..729e2af00 100644
--- a/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
+++ b/website/src/app/[lang]/[region]/(website)/transparency/finances/[currency]/section-3-cards.tsx
@@ -7,7 +7,7 @@ import { Children, PropsWithChildren, useState } from 'react';
  * We use the files from GitHub instead of the package so that donations from new countries are automatically supported.
  */
 const getFlagImageURL = (country: string) => {
-	return `https://raw.githubusercontent.com/lipis/flag-icons/a87d8b256743c9b0df05f20de2c76a7975119045/flags/4x3/${country.toLowerCase()}.svg`;
+	return `https://raw.githubusercontent.com/lipis/flag-icons/a87d8b256743c9b0df05f20de2c76a7975119045/flags/1x1/${country.toLowerCase()}.svg`;
 };
 
 type CountryCardProps = {
@@ -24,7 +24,7 @@ export function CountryCard({ country, translations }: CountryCardProps) {
 		<li>
 			<Card>
 				<CardContent className="flex min-w-0 gap-x-4 py-8">
-					<img className="h-12 w-12 flex-none" src={getFlagImageURL(country)} alt="" />
+					<img className="size-12 flex-none rounded-full" src={getFlagImageURL(country)} alt="" />
 					<div className="min-w-0 flex-auto">
 						<Typography weight="medium" size="lg">
 							{translations.country}