From d870a4b6bf6fc7672d0e8e00c177f19f463000c1 Mon Sep 17 00:00:00 2001 From: Olli Puurunen Date: Tue, 1 Nov 2016 09:41:35 +0200 Subject: Fix layout when there's multiple articles under same date Only the day's first article had padding on the top. Change-Id: I8391fa1b254af44b9fe5924b62439425c459cb96 Reviewed-by: Tero Kojo --- website/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/website/style.css b/website/style.css index 6d7db6a..236cf08 100644 --- a/website/style.css +++ b/website/style.css @@ -116,9 +116,10 @@ article footer a { color: #7c7c7c; } overflow-x: hidden; } -div.day { position: relative; padding-top: 3em; } +div.day { position: relative; padding-top: 0; } div.day > h2 { margin: 0; + top: 2em; position: absolute; left: -68px; } @@ -158,11 +159,11 @@ h2 time:after { border-color: transparent transparent #ffffff transparent; } -#items .day:first-child h2 time { top: 0.2em; } +#items .day:first-child h2 { top: 0; } h2 time span { display: block; font-size: 11.08px; font-weight: normal; } -article { position: relative; padding: 0 0 2em 0; border-bottom: 1px solid #E8E8E8; overflow-y: auto; } -#items .day:first-child { padding-top: 0; } +article { position: relative; padding: 3em 0 2em 0; border-bottom: 1px solid #E8E8E8; overflow-y: auto; } +#items .day:first-child article { padding-top: 0; } #items .day:last-child article { margin-bottom: 3em; border-bottom: none; } article div, article img { width: auto; max-width: 100%; height: auto; } article img { display: block; margin: 1em 0; } -- cgit v1.2.3