From 2ad52711733e61816e4ba8fa7ae5e0fa4ae71aaa Mon Sep 17 00:00:00 2001
From: veikko <veikko@lintujarvi.fi>
Date: Wed, 6 Jul 2022 19:08:12 +0300
Subject: [PATCH] Fix lead text for mobile

---
 pages/components/Lead.tsx | 5 +++--
 styles/Lead.module.scss   | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/pages/components/Lead.tsx b/pages/components/Lead.tsx
index 240910c..88d218c 100644
--- a/pages/components/Lead.tsx
+++ b/pages/components/Lead.tsx
@@ -5,8 +5,9 @@ const Lead = () => {
   return (
     <div className={styles.leadContainer}>
       <h2 className={styles.leadTitle}>
-        <span>~ 20.-23.7. Naantalin Saaristo ~</span>
-        <br />
+        <span className={styles.dateAndPlace}>
+          20.-23.7. Naantalin Saaristo
+        </span>
         Eksymisretki omaan luontoosi, metsänpeiton suojaan!
       </h2>
       <p className={styles.leadText}>
diff --git a/styles/Lead.module.scss b/styles/Lead.module.scss
index d2b176d..69163ab 100644
--- a/styles/Lead.module.scss
+++ b/styles/Lead.module.scss
@@ -15,3 +15,7 @@
   margin-left: 5%;
   margin-right: 5%;
 }
+
+.dateAndPlace {
+  margin-bottom: 1em;
+}