From d4772cb6fb78c3d0a69371fc6cd822260b208857 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Wed, 24 Jan 2024 01:53:41 +0100 Subject: refactor hlist once again. also added top rated in home --- web/style/layout.css | 19 ++++++++++++++++--- web/style/nodecard.css | 14 -------------- 2 files changed, 16 insertions(+), 17 deletions(-) (limited to 'web') diff --git a/web/style/layout.css b/web/style/layout.css index 46fecde..b261781 100644 --- a/web/style/layout.css +++ b/web/style/layout.css @@ -110,15 +110,28 @@ summary h3 { margin-right: 3px; } +.children { + padding: 1em; + padding-left: 3em; + padding-right: 3em; + list-style: none; + width: 100%; + box-sizing: border-box; + display: flex; +} +.children:not(.hlist) { + flex-wrap: wrap; +} +.children li { + display: block; +} .hlist { overflow-x: auto; max-width: 100%; - white-space: nowrap; + flex-wrap: nowrap; } .hlist li { display: inline-block; - vertical-align: top; - white-space: normal; } @media (max-width: 750px) { diff --git a/web/style/nodecard.css b/web/style/nodecard.css index 623a1e7..3ed89da 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -4,20 +4,6 @@ Copyright (C) 2023 metamuffin Copyright (C) 2023 tpart */ -.children { - padding: 1em; - padding-left: 3em; - padding-right: 3em; - list-style: none; - display: flex; - flex-wrap: wrap; - width: 100%; - box-sizing: border-box; -} -.children li { - display: block; -} - .card { padding: 1em; } -- cgit v1.2.3-70-g09d2