refactor hlist once again. also added top rated in home

2 files changed, 16 insertions, 17 deletions

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 <metamuffin.org>
     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;
 }