From 935b76ce45d90078a8a506b1b46a211e6b18d606 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Fri, 16 Aug 2019 23:43:32 +0200
Subject: [PATCH] style(course-teaser): add borders inbetween course-teasers

---
 .../src/utils/course-teaser/course-teaser.scss  | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/utils/course-teaser/course-teaser.scss b/frontend/src/utils/course-teaser/course-teaser.scss
index a0a304f33..0d8439d33 100644
--- a/frontend/src/utils/course-teaser/course-teaser.scss
+++ b/frontend/src/utils/course-teaser/course-teaser.scss
@@ -1,9 +1,12 @@
 [uw-course-teaser] {
+  --course-border-color: var(--color-grey);
+  --course-padding-hori: 10px;
+  --course-padding-vert: 16px;
+
   display: grid;
   grid-gap: 5px 7px;
   grid-template-columns: 50px 120px 1fr;
-  padding: 10px;
-  /* background-color: var(--course-bg-color); */
+  padding: var(--course-padding-vert) var(--course-padding-hori);
   transition: background-color .1s ease-out;
 
   &:not(.course-teaser__disabled) {
@@ -15,10 +18,14 @@
   }
 
   + [uw-course-teaser] {
-    margin-top: 10px;
+    border-top: 1px solid var(--course-border-color);
   }
 }
 
+.course-teaser__disabled {
+  opacity: 0.7;
+}
+
 /* chevron */
 .course-teaser__chevron {
   cursor: pointer;
@@ -161,12 +168,12 @@ course teaser: header styling
     text-align: left;
     border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
     margin-right: 30px;
-  
+
     .course-header-link {
       color: white;
       font-weight: bold;
       text-decoration: none;
-  
+
       &:hover {
         color: inherit;
       }