From 6383fbd51873914fc6ac96e26981f05ca8aa0cf4 Mon Sep 17 00:00:00 2001
From: Gregor Kleen <kleen@cip.ifi.lmu.de>
Date: Fri, 9 Aug 2019 09:50:13 +0200
Subject: [PATCH] refactor(course-teaser): cleanup CSS

---
 .../utils/course-teaser/course-teaser.scss    | 37 ++++++++++++++++++-
 templates/default-layout.lucius               | 35 ------------------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/frontend/src/utils/course-teaser/course-teaser.scss b/frontend/src/utils/course-teaser/course-teaser.scss
index 8711fcb6c..2b6710b13 100644
--- a/frontend/src/utils/course-teaser/course-teaser.scss
+++ b/frontend/src/utils/course-teaser/course-teaser.scss
@@ -57,6 +57,7 @@
   justify-self: end;
   font-size: 1.2rem;
   font-weight: bold;
+  overflow-wrap: anywhere;
 }
 
 /* title */
@@ -130,4 +131,38 @@
   .course-teaser__description {
     display: block;
   }
-}
\ No newline at end of file
+}
+
+/*
+course teaser: header styling
+*/
+.course-teaser-header {
+  padding-top: 20px;
+  padding-bottom: 20px;
+
+  .course-header {
+    background-color: var(--color-dark);
+    position: relative;
+    font-size: 16px;
+    color: #fff;
+    line-height: 1.4;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 35px;
+    font-weight: bold;
+    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;
+      }
+    }
+  }
+}
diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index cc635e849..b1db5eea7 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -649,38 +649,3 @@ section {
 .form--inline {
   display: inline-block;
 }
-
-/*
-course teaser: header styling
-TODO: move somewhere else?
-*/
-.course-teaser-header {
-  padding-top: 20px;
-  padding-bottom: 20px;
-
-  .course-header {
-    background-color: var(--color-dark);
-    position: relative;
-    font-size: 16px;
-    color: #fff;
-    line-height: 1.4;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-left: 10px;
-    padding-right: 35px;
-    font-weight: bold;
-    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;
-      }
-    }
-  }
-}
\ No newline at end of file