style(course-teaser): wrap sorting header line in firefox

This commit is contained in:
Sarah Vaupel 2019-08-13 14:51:07 +02:00
parent 3a57c7ec66
commit a2fe688eb5

View File

@ -143,10 +143,11 @@ course teaser: header styling
.course-teaser-header {
padding-top: 10px;
padding-bottom: 20px;
line-height: 2.7;
line-height: 1.4;
max-width: 85vw;
.course-header {
white-space: nowrap;
float: left;
background-color: var(--color-dark);
position: relative;
font-size: 16px;
@ -155,6 +156,7 @@ course teaser: header styling
padding-bottom: 10px;
padding-left: 10px;
padding-right: 35px;
margin-bottom: 10px;
font-weight: bold;
text-align: left;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
@ -171,3 +173,9 @@ course teaser: header styling
}
}
}
.course-teaser-header:after {
content: "";
display: table;
clear: both;
}