From 425e9ec15fe73bfbe1bc398ea223d878d36271dc Mon Sep 17 00:00:00 2001
From: Theo Sanderson <theo@sndrsn.co.uk>
Date: Mon, 11 Nov 2024 12:58:37 +0000
Subject: [PATCH] Update App.jsx (#631)

* Update App.jsx

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Update App.jsx

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
---
 taxonium_website/src/App.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/taxonium_website/src/App.jsx b/taxonium_website/src/App.jsx
index 5688df37..a9cb4915 100644
--- a/taxonium_website/src/App.jsx
+++ b/taxonium_website/src/App.jsx
@@ -191,7 +191,13 @@ function App() {
                 )}
                 {window.screen.width >= 600 && (
                   <>
-                    <span className="font-medium ">{title}</span>
+                    <span
+                      className={`font-medium ${
+                        title.length > 12 ? "text-lg" : ""
+                      }`}
+                    >
+                      {title}
+                    </span>
                     <div className="flex flex-row mt-4">
                       <CgListTree className="h- ml-1 w-4 mr-1" />
                       <span className="text-xs ml-1">visualised with </span>