From fb5a69dbfe22b1d0ed7cf7b77afd41909e34b081 Mon Sep 17 00:00:00 2001
From: Cornelius Roemer <cornelius.roemer@gmail.com>
Date: Mon, 9 Dec 2024 19:32:27 +0100
Subject: [PATCH 1/2] chore(website): center organism cards

See https://loculus.slack.com/archives/C07K8UDNNUS/p1733768136304609?thread_ts=1733765846.984079&cid=C07K8UDNNUS
---
 website/src/pages/index.astro | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index 64d1f8b5c3..12428c8da9 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -20,18 +20,22 @@ const organismStatisticsMap = await getOrganismStatisticsMap(
     <div class='max-w-6xl mx-auto'>
         <WelcomeMessage websiteName={websiteName} welcomeMessageHTML={welcomeMessageHTML} />
 
-        <div class=`flex flex-wrap gap-x-4 ${getConfiguredOrganisms().length ===5 ? "max-w-4xl" : ""}`>
-            {
-                getConfiguredOrganisms().map(({ key, displayName, image }) => (
-                    <OrganismCard
-                        key={key}
-                        image={image}
-                        displayName={displayName}
-                        organismStatistics={organismStatisticsMap.get(key)!}
-                        numberDaysAgoStatistics={numberDaysAgoStatistics}
-                    />
-                ))
-            }
+        <div class='flex justify-center'>
+            <div
+                class=`flex flex-wrap justify-center gap-x-4 ${getConfiguredOrganisms().length ===5 ? "max-w-4xl" : ""}`
+            >
+                {
+                    getConfiguredOrganisms().map(({ key, displayName, image }) => (
+                        <OrganismCard
+                            key={key}
+                            image={image}
+                            displayName={displayName}
+                            organismStatistics={organismStatisticsMap.get(key)!}
+                            numberDaysAgoStatistics={numberDaysAgoStatistics}
+                        />
+                    ))
+                }
+            </div>
         </div>
         <div class='mdContainer'>
             <Faq />

From 149e0b25f83e9d734f20beedb1752bdf5a0219ca Mon Sep 17 00:00:00 2001
From: Cornelius Roemer <cornelius.roemer@gmail.com>
Date: Mon, 9 Dec 2024 20:10:53 +0100
Subject: [PATCH 2/2] Update website/src/pages/index.astro

Co-authored-by: Theo Sanderson <theo@sndrsn.co.uk>
---
 website/src/pages/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index 12428c8da9..0865b2b547 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -22,7 +22,7 @@ const organismStatisticsMap = await getOrganismStatisticsMap(
 
         <div class='flex justify-center'>
             <div
-                class=`flex flex-wrap justify-center gap-x-4 ${getConfiguredOrganisms().length ===5 ? "max-w-4xl" : ""}`
+                class=`flex flex-wrap justify-center gap-x-4  gap-y-4 ${getConfiguredOrganisms().length ===5 ? "max-w-4xl" : ""}`
             >
                 {
                     getConfiguredOrganisms().map(({ key, displayName, image }) => (