2 files changed, 22 insertions, 22 deletions

diff --git a/src/content/dependencies/generateCommentaryEntry.js b/src/content/dependencies/generateCommentaryEntry.js
index 4cb618e3..c93020f3 100644
--- a/src/content/dependencies/generateCommentaryEntry.js
+++ b/src/content/dependencies/generateCommentaryEntry.js
@@ -98,6 +98,8 @@ export default {
 
                 return language.$(workingCapsule, workingOptions);
               })),
+
+            relations.date,
           ])),
 
         html.tag('blockquote', {class: 'commentary-entry-body'},
@@ -105,10 +107,6 @@ export default {
             relations.colorStyle.clone()
               .slot('color', slots.color),
 
-          [
-            relations.date,
-
-            relations.bodyContent.slot('mode', 'multiline'),
-          ]),
+          relations.bodyContent.slot('mode', 'multiline')),
       ])),
 };
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 108e44ff..b087582a 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1664,13 +1664,14 @@ p.image-details.origin-details {
   margin: 0;
 }
 
-/*
 p.content-heading:has(+ .commentary-entry-heading.dated) {
   clear: right;
 }
-*/
 
 .commentary-entry-heading {
+  display: flex;
+  flex-direction: row;
+
   margin-left: 15px;
   padding-left: 5px;
   max-width: 625px;
@@ -1680,7 +1681,7 @@ p.content-heading:has(+ .commentary-entry-heading.dated) {
 }
 
 .commentary-entry-heading-text {
-  display: block;
+  flex-grow: 1;
   padding-left: 1.25ch;
   text-indent: -1.25ch;
 }
@@ -1689,27 +1690,28 @@ p.content-heading:has(+ .commentary-entry-heading.dated) {
   font-style: oblique;
 }
 
-.commentary-entry-body summary {
-  list-style-position: outside;
-}
-
-.commentary-entry-body summary > span {
-  color: var(--primary-color);
-}
+.commentary-entry-heading .commentary-date {
+  flex-shrink: 0;
 
-.commentary-date {
-  float: right;
-  margin-top: -0.8em;
   margin-left: 0.75ch;
+  align-self: flex-end;
+
   padding-left: 0.5ch;
-  padding-right: 0.4em;
-  font-size: 0.9em;
+  padding-right: 0.25ch;
 }
 
-.commentary-date .hoverable {
+.commentary-entry-heading .hoverable {
   box-shadow: 1px 2px 6px 5px #04040460;
 }
 
+.commentary-entry-body summary {
+  list-style-position: outside;
+}
+
+.commentary-entry-body summary > span {
+  color: var(--primary-color);
+}
+
 .commentary-art {
   float: right;
   width: 30%;
@@ -1962,7 +1964,7 @@ li .by a {
   display: inline-block;
 }
 
-p code, li code {
+p code {
   font-size: 0.95em;
   font-family: "courier new", monospace;
   font-weight: 800;