From 402e69ee49255df75b24c416ba28db33d154d752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Sat, 5 Nov 2022 18:49:16 +0200
Subject: [PATCH] Styling tweaks

---
 pages/index.tsx          | 19 ++++++++++++-------
 styles/Index.module.scss | 14 +++++++++-----
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 7a380b6..a34ac88 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,26 +6,28 @@ export default function Index() {
     <div className={styles.outerContainer}>
       <div className={styles.innerContainer}>
         <header className={styles.sectionContainer}>
-          <span className={styles.addressText}>
+          <span className={styles.address}>
             Velkuantie 988, 21180 Livonsaari
           </span>
           <Image
+            className={styles.mainLogo}
             src='/big-logo.webp'
-            layout='responsive'
             alt='main'
             width={528}
             height={237}
           />
           <h1 className={styles.title}>Kauppa&Ravintola&Kahvila&Baari</h1>
         </header>
+
         <section className={styles.sectionContainer}>
           <h2 className={styles.openHoursTitle}>Auki:</h2>
-          <span className={styles.openHours}>ma-la 12:00-19:00</span>
+          <p className={styles.openHoursText}>ma-la 12:00-19:00</p>
           <p className={styles.openHoursDesc}>
             kysynnän ja sään salliessa myös pidempään
           </p>
-          <h2 className={styles.openHoursBold}>Tervetuloa!</h2>
-        </section>{' '}
+          <h2 className={styles.openHoursTitle}>Tervetuloa!</h2>
+        </section>
+
         <section className={styles.sectionContainer}>
           <Image
             className={styles.keepersImage}
@@ -61,8 +63,10 @@ export default function Index() {
               />
             </a>
           </div>
-          <span className='separator' />
         </section>
+
+        <span className='separator' />
+
         <section className={styles.sectionContainer}>
           <h1 className={styles.title}>Postin automaattipalvelu</h1>
           <p className={styles.postServiceDesc}>
@@ -76,8 +80,9 @@ export default function Index() {
           <a href='https://www.smartpost.fi/' className={styles.link}>
             Lisätietoja
           </a>
-          <span className='separator' />
         </section>
+
+        <span className='separator' />
       </div>
     </div>
   );
diff --git a/styles/Index.module.scss b/styles/Index.module.scss
index 6451d10..5694a9e 100644
--- a/styles/Index.module.scss
+++ b/styles/Index.module.scss
@@ -18,23 +18,26 @@
 }
 
 .address {
-  font-weight: lighter;
   margin-top: 1rem;
-  font-size: 1.1rem;
+}
+
+.mainLogo {
+  margin-top: -1rem;
 }
 
 .title {
   font-size: 2rem;
   margin-top: 0;
-  margin-bottom: 0;
+  margin-bottom: 1rem;
   font-weight: 600;
   color: #686868;
+  letter-spacing: normal;
 }
 
 .openHoursTitle {
-  font-weight: bold;
+  font-weight: 700;
   margin: 0;
-  font-size: 1.2rem;
+  font-size: 100%;
 }
 
 .openHoursText {
@@ -44,6 +47,7 @@
 .openHoursDesc {
   max-width: 15rem;
   text-align: center;
+  margin-top: 0;
 }
 
 .keepersImage {