From 746d355adb5bf7872c564a74f9121ccb5ed808cd Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Wed, 23 Apr 2025 16:59:16 -0300 Subject: css: try a totally non-flex, non-float look for commentary dates --- src/static/css/site.css | 23 +++++++---------------- 1 file changed, 7 insertions(+), 16 deletions(-) (limited to 'src/static') diff --git a/src/static/css/site.css b/src/static/css/site.css index 4d38568a..6b2bd9e3 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1673,35 +1673,26 @@ p.content-heading:has(+ .commentary-entry-heading.dated) { } .commentary-entry-heading { - display: flex; - flex-direction: row; - margin-left: 15px; - padding-left: 5px; + padding-left: calc(5px + 1.25ch); + text-indent: -1.25ch; max-width: 625px; padding-bottom: 0.2em; border-bottom: 1px solid var(--dim-color); } -.commentary-entry-heading-text { - flex-grow: 1; - padding-left: 1.25ch; - text-indent: -1.25ch; -} - .commentary-entry-accent { font-style: oblique; } .commentary-entry-heading .commentary-date { - flex-shrink: 0; - - margin-left: 0.75ch; - align-self: flex-end; + display: inline-block; + text-indent: 0; +} - padding-left: 0.5ch; - padding-right: 0.25ch; +.commentary-entry-heading.dated .commentary-entry-heading-text { + margin-right: 0.75ch; } .commentary-entry-heading .hoverable { -- cgit 1.3.0-6-gf8a5