From 2247e2d980322f796514803fa1e13532619045f1 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 27 May 2019 12:20:56 +0200
Subject: [PATCH] channel teaser tweaks, spacing

---
 client/src/components/atoms/CategoryImage.tsx             | 2 ++
 client/src/components/organisms/AssetsLatest.module.scss  | 2 +-
 client/src/components/organisms/ChannelTeaser.module.scss | 3 ++-
 client/src/routes/Home.module.scss                        | 6 ++++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/client/src/components/atoms/CategoryImage.tsx b/client/src/components/atoms/CategoryImage.tsx
index 6a554e2..a2a35c7 100644
--- a/client/src/components/atoms/CategoryImage.tsx
+++ b/client/src/components/atoms/CategoryImage.tsx
@@ -135,6 +135,8 @@ const categoryImageFile = (category: string) => {
         case 'Visual Arts & Design':
         case 'visualart':
             return visualart
+        // technically no category
+        // but corresponding to title of a channel
         case 'AI For Good':
             return aiforgood
         default:
diff --git a/client/src/components/organisms/AssetsLatest.module.scss b/client/src/components/organisms/AssetsLatest.module.scss
index 7f04eb0..7d332be 100644
--- a/client/src/components/organisms/AssetsLatest.module.scss
+++ b/client/src/components/organisms/AssetsLatest.module.scss
@@ -34,7 +34,7 @@
     border-bottom: 1px solid $brand-grey-lighter;
     padding-bottom: $spacer / 3;
     margin-top: $spacer * 3;
-    margin-bottom: $spacer;
+    margin-bottom: $spacer / 2;
 
     @media (min-width: $break-point--small) {
         text-align: left;
diff --git a/client/src/components/organisms/ChannelTeaser.module.scss b/client/src/components/organisms/ChannelTeaser.module.scss
index 955dc5f..01c0d2e 100644
--- a/client/src/components/organisms/ChannelTeaser.module.scss
+++ b/client/src/components/organisms/ChannelTeaser.module.scss
@@ -4,7 +4,7 @@
     width: 100%;
 
     @media (min-width: $break-point--medium) {
-        padding-top: $spacer / 2;
+        padding-top: $spacer * 2;
         display: flex;
     }
 
@@ -30,6 +30,7 @@
         }
     }
 
+    // style channel teaser following another one
     + .channel {
         border-top: 1px solid $brand-grey-lighter;
         margin-top: $spacer * 2;
diff --git a/client/src/routes/Home.module.scss b/client/src/routes/Home.module.scss
index 80b3bde..90ac6ab 100644
--- a/client/src/routes/Home.module.scss
+++ b/client/src/routes/Home.module.scss
@@ -12,6 +12,12 @@
         margin: 0;
         visibility: hidden;
     }
+
+    // grab the channel teaser on front page
+    // stylelint-disable-next-line
+    article > div > h2 + div {
+        padding-top: $spacer / 2;
+    }
 }
 
 .title {