diff --git a/public/css/calendar.less b/public/css/calendar.less index cf687dbf2..bcef33df5 100644 --- a/public/css/calendar.less +++ b/public/css/calendar.less @@ -43,6 +43,7 @@ --stepRowHeight: 1fr; .time-grid-header { + display: grid; align-items: flex-end; border-left: 1px solid transparent; grid-template-columns: repeat(var(--primaryColumns), minmax(var(--minimumPrimaryColumnWidth), 1fr)); @@ -269,6 +270,14 @@ } } +.time-grid-header .column-title { + text-align: center; + .day-name { + color: @text-color-light; + text-transform: uppercase; + } +} + .time-grid { &.horizontal-flow { .entry { diff --git a/public/css/common.less b/public/css/common.less index f12bf60d0..10d6302c3 100644 --- a/public/css/common.less +++ b/public/css/common.less @@ -12,22 +12,6 @@ } } -.days-header { - display: grid; - - .column-title { - text-align: center; - .date { - font-size: 0.75em; - } - - .day-name { - color: @text-color-light; - text-transform: uppercase; - } - } -} - .controls { &.contactgroup-detail, &.event-detail, diff --git a/public/css/list/schedule-list.less b/public/css/list/schedule-list.less index 1170ab32a..3dbb3c13c 100644 --- a/public/css/list/schedule-list.less +++ b/public/css/list/schedule-list.less @@ -4,6 +4,7 @@ width: ~"calc(100% - 12em)"; .days-header { + display: grid; grid-template-columns: repeat(7, minmax(2em, 1fr)); border-left: 2px solid @gray-lighter; diff --git a/public/css/timeline.less b/public/css/timeline.less index d390ade51..b88860849 100644 --- a/public/css/timeline.less +++ b/public/css/timeline.less @@ -108,3 +108,7 @@ .timeline.minimal-layout .empty-notice { font-size: 1.25em; } + +.days-header .column-title .date { + font-size: .75em; +}