From b3a76fc8bc648cc0bd497c2e4aeb1af43a03b8b3 Mon Sep 17 00:00:00 2001 From: Simon Rettberg Date: Mon, 4 Feb 2019 15:28:50 +0100 Subject: Fix extremely stretched layout with only few items --- style.css | 3 +-- template.html | 4 ++-- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/style.css b/style.css index 836b155..5ebd06e 100644 --- a/style.css +++ b/style.css @@ -86,7 +86,7 @@ a:hover { #body { display: flex; flex-direction: column; - align-items: center; + align-items: top; margin-top: 60px; padding: 30px; } @@ -149,7 +149,6 @@ a:hover { display: flex; flex-direction: column; white-space: nowrap; - height: 100%; --wrap: nowrap; } diff --git a/template.html b/template.html index f05c233..3638df5 100644 --- a/template.html +++ b/template.html @@ -135,7 +135,7 @@ logWrapper.style.maxWidth = '60vw' logWrapper.style.maxHeight = 'calc(100vh - 120px)' content.style.width = '30%' - content.style.height = 'calc(100vh - 120px)' + content.style.height = 'unset' content.style.minHeight = '51px' } else if (horizontal === null && (!media.matches || vertical != null)) { body.style.flexDirection = 'column' @@ -152,4 +152,4 @@ } borderless() } - \ No newline at end of file + -- cgit v1.2.3-55-g7522