From 5a3ede16130c703be9ffed2fd2c01cc48af46346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 6 Sep 2024 09:09:58 +0200
Subject: [PATCH] pl-fe: improve logo line spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../landing-timeline/components/logo-text.tsx      |  2 +-
 .../landing-timeline/components/site-banner.tsx    | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/pl-fe/src/features/landing-timeline/components/logo-text.tsx b/packages/pl-fe/src/features/landing-timeline/components/logo-text.tsx
index 4890061d0..57212ef89 100644
--- a/packages/pl-fe/src/features/landing-timeline/components/logo-text.tsx
+++ b/packages/pl-fe/src/features/landing-timeline/components/logo-text.tsx
@@ -7,7 +7,7 @@ interface ILogoText extends Pick<React.HTMLAttributes<HTMLHeadingElement>, 'dir'
 /** Big text in site colors, for displaying the site name. Resizes itself according to the screen size. */
 const LogoText: React.FC<ILogoText> = ({ children, dir }) => (
   <h1
-    className='-my-5 overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-normal text-transparent lg:text-6xl xl:text-7xl'
+    className='-my-5 overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-tight text-transparent lg:text-6xl xl:text-7xl'
     dir={dir}
   >
     {children}
diff --git a/packages/pl-fe/src/features/landing-timeline/components/site-banner.tsx b/packages/pl-fe/src/features/landing-timeline/components/site-banner.tsx
index 194cb5d0e..6cda8872e 100644
--- a/packages/pl-fe/src/features/landing-timeline/components/site-banner.tsx
+++ b/packages/pl-fe/src/features/landing-timeline/components/site-banner.tsx
@@ -13,16 +13,18 @@ const SiteBanner: React.FC = () => {
   const description = DOMPurify.sanitize(instance.description);
 
   return (
-    <Stack space={3}>
+    <Stack space={6}>
       <LogoText dir={getTextDirection(instance.title)}>
         {instance.title}
       </LogoText>
 
-      <Markup
-        size='lg'
-        dangerouslySetInnerHTML={{ __html: description }}
-        direction={getTextDirection(description)}
-      />
+      {instance.description.trim().length > 0 && (
+        <Markup
+          size='lg'
+          dangerouslySetInnerHTML={{ __html: description }}
+          direction={getTextDirection(description)}
+        />
+      )}
     </Stack>
   );
 };