From e8eb18ef39b547154710d356175446e80da603d5 Mon Sep 17 00:00:00 2001
From: druid <druid@druids-MacBook-Pro-2.local>
Date: Thu, 4 Feb 2021 13:38:00 +0200
Subject: [PATCH] tablet and small desktop space between arrow and content
inside courses
---
.../hy-content-list-item.scss | 17 ++++++++++++-----
1 file changed, 12 insertions(+), 5 deletions(-)
diff --git a/src/components/courses/hy-content-list-item/hy-content-list-item.scss b/src/components/courses/hy-content-list-item/hy-content-list-item.scss
index c60f2e28..42cb4698 100644
--- a/src/components/courses/hy-content-list-item/hy-content-list-item.scss
+++ b/src/components/courses/hy-content-list-item/hy-content-list-item.scss
@@ -86,17 +86,24 @@
}
&--metadata {
+ @include font-size(14px, 16px);
+ @include font-weight($semibold);
+
+ color: var(--grayscale-black);
display: flex;
flex-direction: row;
flex-wrap: wrap;
-
- color: var(--grayscale-black);
- @include font-size(14px, 16px);
- @include font-weight($semibold);
letter-spacing: -0.44px;
line-height: 16px;
-
margin-bottom: 19px;
+ padding-bottom: 0;
+
+ @include breakpoint($narrow) {
+ padding-bottom: 1rem;
+ }
+ @include breakpoint($extrawide) {
+ padding-bottom: 0;
+ }
&--item:after {
content: '|';
--
GitLab