Display pretty links in case there is more than one URL in a post

1 files changed, 11 insertions, 6 deletions

diff --git a/src/frontend/style.css b/src/frontend/style.css
index 0b09f81..0c8d94c 100644
--- a/src/frontend/style.css
+++ b/src/frontend/style.css
@@ -124,12 +124,20 @@ article.h-entry, article.h-feed, article.h-card, article.h-event {
     gap: .5em;
 }
 article.h-entry > header.metadata ul {
-    padding-left: unset;
-    flex-wrap: wrap;
+    padding-inline-start: unset;
     margin: unset;
+}
+article.h-entry > header.metadata ul.categories {
+    flex-wrap: wrap;
     display: inline-flex;
     list-style-type: none;
-
+}
+article.h-entry > header.metadata ul.categories li {
+    display: inline;
+    margin-inline-start: unset;
+}
+article.h-entry > header.metadata ul li {
+    margin-inline-start: 2.5em;
 }
 article.h-entry .e-content pre {
     border: 1px solid gray;
@@ -149,9 +157,6 @@ article.h-entry img.u-photo + * {
 article.h-entry > header.metadata span + span::before {
     content: " | "
 }
-article > header.metadata ul li {
-    display: inline;
-}
 li.p-category::before {
     content: " #";
 }