From 4c03dff94f71a589e6c7cdb612783babed64581e Mon Sep 17 00:00:00 2001 From: Johannes Millan Date: Sun, 29 Sep 2019 15:08:48 +0200 Subject: [PATCH] feat(scheduled): improve styling --- .../pages/schedule-page/schedule-page.component.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/app/pages/schedule-page/schedule-page.component.scss b/src/app/pages/schedule-page/schedule-page.component.scss index ad4e9ad7868..9108c599129 100644 --- a/src/app/pages/schedule-page/schedule-page.component.scss +++ b/src/app/pages/schedule-page/schedule-page.component.scss @@ -3,7 +3,7 @@ .scheduled-task { margin-bottom: $s; - padding: $s $s*2; + padding: $s/2 $s*2; @include dividerBorderColor(1px); box-shadow: none; } @@ -46,6 +46,8 @@ .title { flex: 1; + // to account for the task titles inner padding + margin-top: -8px; @include mq(xs) { .scheduled-task:hover & { } @@ -78,11 +80,17 @@ .project { margin-top: $s/2; + // to align with task title + margin-left: $s; font-size: 11px; display: flex; align-items: center; } +.project-title { + line-height: 1; +} + .project-color { border-radius: 50%; height: $s;