From 0d6cf15e78791373237c090d229d4ca5dd7b0045 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 30 Jun 2020 18:06:56 +0200
Subject: [PATCH] Update some styles

---
 client/src/components/ScrollUp.vue             | 1 +
 client/src/components/modules/ModuleTeaser.vue | 7 ++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/components/ScrollUp.vue b/client/src/components/ScrollUp.vue
index bc7b7362..ef828ec2 100644
--- a/client/src/components/ScrollUp.vue
+++ b/client/src/components/ScrollUp.vue
@@ -56,6 +56,7 @@
     cursor: pointer;
     background-color: $color-white;
     border: 1px solid $color-silver;
+    z-index: 90;
 
     &__icon {
       width: 50px;
diff --git a/client/src/components/modules/ModuleTeaser.vue b/client/src/components/modules/ModuleTeaser.vue
index 886c4075..35b0b1fa 100644
--- a/client/src/components/modules/ModuleTeaser.vue
+++ b/client/src/components/modules/ModuleTeaser.vue
@@ -1,8 +1,9 @@
 <template>
   <router-link
     :to="moduleLink"
+    :class="['module-teaser', {'module-teaser--small': !teaser}]"
     tag="div"
-    class="module-teaser">
+  >
     <div
       :style="{backgroundImage: 'url('+heroImage+')'}"
       class="module-teaser__image"/>
@@ -46,6 +47,10 @@
     box-sizing: border-box;
     cursor: pointer;
 
+    &--small {
+      height: 300px;
+    }
+
     &__image {
       width: 100%;
       max-height: 150px;