From 82758fdaa94d20d87592fe2ce8b1c4c9501686f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Mon, 26 Jun 2023 19:37:52 +0300
Subject: [PATCH] Improved program page data and styles

---
 pages/program.tsx          | 39 ++++++++++++++++++--------------------
 styles/Program.module.scss |  8 +++++++-
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/pages/program.tsx b/pages/program.tsx
index c3adc31..42db3cc 100644
--- a/pages/program.tsx
+++ b/pages/program.tsx
@@ -31,37 +31,34 @@ const Program = () => {
       <h1 id='program-start'>Ohjelma</h1>
 
       <h2 className={styles.programTitle}>
-        <div>20.7.</div>
-        <div>
+        <span>20.7.</span>
+        <a href='https://www.cafelaituri.fi'>
           <span className={styles.placeName}>Laituri</span>
-          <a href='https://www.cafelaituri.fi'>
-            <FiExternalLink fontSize={20} />
-          </a>
-        </div>
-        <div />
+          <FiExternalLink fontSize={20} />
+        </a>
+        <span>to</span>
       </h2>
+      <h3 className={styles.timeSpan}>17:00 - 19:00</h3>
       <p>Café Laituri, Voiponlahdentie 37, Palva</p>
       <h2 className={styles.programTitle}>
-        <div>21.7.</div>
-        <div>
+        <span>21.7.</span>
+        <a href='https://vaihela.fi/'>
           <span className={styles.placeName}>Vaihela</span>
-          <a href='https://vaihela.fi/'>
-            <FiExternalLink fontSize={20} />
-          </a>
-        </div>
-        <div />
+          <FiExternalLink fontSize={20} />
+        </a>
+        <span>pe</span>
       </h2>
+      <h3 className={styles.timeSpan}>18:00 - 21:00</h3>
       <p>Saaristohotelli Vaihela, Velkuanmaantie 168, Palva</p>
       <h2 className={styles.programTitle}>
-        <div>22.7.</div>
-        <div>
+        <span>22.7.</span>
+        <a href='https://www.prosinervo.com/'>
           <span className={styles.placeName}>Sinervo</span>
-          <a href='https://www.prosinervo.com/'>
-            <FiExternalLink fontSize={20} />
-          </a>
-        </div>
-        <div />
+          <FiExternalLink fontSize={20} />
+        </a>
+        <span>la</span>
       </h2>
+      <h3 className={styles.timeSpan}>14:00 - 20:00</h3>
       <p style={{ marginBottom: 50 }}>
         Sinervon talo, Sauniementie 5, Teersalo
       </p>
diff --git a/styles/Program.module.scss b/styles/Program.module.scss
index 928c341..06c7c8e 100644
--- a/styles/Program.module.scss
+++ b/styles/Program.module.scss
@@ -28,7 +28,6 @@
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   margin-top: 1.5rem;
-  cursor: pointer;
 
   h2 {
     margin-right: 1rem;
@@ -43,4 +42,11 @@
 .placeName {
   font-size: 2.5rem;
   margin-right: 1rem;
+  color: #2f273e;
+  text-decoration: none;
+}
+
+.timeSpan {
+  margin-top: 0;
+  margin-bottom: 1rem;
 }