From 93338dc0d03dc0cd3eeea14e02dad0ff386aa08d Mon Sep 17 00:00:00 2001
From: Magnus Hagander
Date: Wed, 3 May 2023 21:24:37 +0200
Subject: Add override styles for <h*> tags in planet posts

It looks bad on the site when the headlines inside posts are larger than
the headlines outside them. So force them down to a smaller sice.

It's not very pretty, but it's better than before. More could definitely
still be done to separate wrapping from content more.
---
 www/css/planet.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/www/css/planet.css b/www/css/planet.css
index 1776c9d..69a24a2 100644
--- a/www/css/planet.css
+++ b/www/css/planet.css
@@ -74,6 +74,26 @@ div.contentwrap h2:after {
    clear: left;
 }
 
+/* Set headers to be smaller than the one we use for the wrapper, which is h5=1.25rem */
+.planetpost h1 {
+   font-size: 1.1rem;
+}
+.planetpost h2 {
+   font-size: 1rem;
+}
+.planetpost h3 {
+   font-size: 0.9rem;
+}
+.planetpost h4 {
+   font-size: 0.8rem;
+}
+.planetpost h5 {
+   font-size: 0.7rem;
+}
+.planetpost h6 {
+   font-size: 0.6rem;
+}
+
 h2 a, h3 a {
     text-decoration: none;
     color: #515151;
-- 
cgit v1.2.3