From d1dfd7c1cd2551252aa0fd14ae1807f34b285f38 Mon Sep 17 00:00:00 2001 From: Steffen van Bergerem Date: Mon, 16 Feb 2015 21:45:39 +0100 Subject: [PATCH] Style improvements for the year on the notifications page --- app/assets/stylesheets/notifications.css.scss | 16 +++++++++------- app/views/notifications/index.html.haml | 2 +- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/notifications.css.scss b/app/assets/stylesheets/notifications.css.scss index 3e4cd7533..9b67bf0fb 100644 --- a/app/assets/stylesheets/notifications.css.scss +++ b/app/assets/stylesheets/notifications.css.scss @@ -15,26 +15,28 @@ margin-bottom: 10px; } - .year_container { margin-top: 75px; } - .header + .year_container { margin-top: 50px; } + .year_container { margin-top: 40px; } .year { background-color: $white; color: $light-grey; - font-size: 20px; - line-height: 20px; + font-size: 40px; + line-height: 40px; margin-bottom: -20px; text-align: center; } .year_container + .day_group { border-top: 1px solid $border-grey; + padding-top: 60px; + } + + .day_group + .day_group { + border-top: 1px dashed $border-grey; + margin-top: 10px; padding-top: 10px; } .day_group { - margin-bottom: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed $border-grey; .date { text-align: center; color: $light-grey; diff --git a/app/views/notifications/index.html.haml b/app/views/notifications/index.html.haml index dfd0bd946..4d3d4cde0 100644 --- a/app/views/notifications/index.html.haml +++ b/app/views/notifications/index.html.haml @@ -48,7 +48,7 @@ - if display_year?(year, date) - year = the_year(date) .row-fluid.year_container - .span2.offset5.year= year + .span4.offset4.year= year .day_group.row-fluid .date.span2