fix(website): line up organism cards with other UI elements (#3329)

* Test tweak to organism card alignment * update * Update index.astro
loculus-project · Dec 2, 2024 · 7c5d0ad · 7c5d0ad
1 parent 0fdac51
commit 7c5d0ad
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/website/src/components/IndexPage/OrganismCard.astro b/website/src/components/IndexPage/OrganismCard.astro
@@ -16,7 +16,7 @@ const { key, image, displayName, organismStatistics, numberDaysAgoStatistics } =
 
 <a
     href={routes.organismStartPage(key)}
-    class='block rounded border box-border border-gray-300 m-2 w-56 hover:bg-gray-100 mx-auto sm:mx-2'
+    class='block rounded border box-border border-gray-300 m-2 w-56 hover:bg-gray-100 mx-auto sm:mx-0'
 >
     {image !== undefined && <img src={image} class='h-40 w-full object-cover rounded-t-[3px]' alt={displayName} />}
     <div class='my-4 mx-4 h-28 flex flex-col justify-between'>

diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
@@ -20,7 +20,7 @@ const organismStatisticsMap = await getOrganismStatisticsMap(
     <div class='max-w-6xl mx-auto'>
         <WelcomeMessage websiteName={websiteName} welcomeMessageHTML={welcomeMessageHTML} />
 
-        <div class='flex flex-wrap'>
+        <div class='flex flex-wrap gap-x-4'>
             {
                 getConfiguredOrganisms().map(({ key, displayName, image }) => (
                     <OrganismCard