posts: right-align the date

Also, don't wrap if not necessary.

1 files changed, 9 insertions, 19 deletions

diff --git a/assets/css/jekyll-theme/posts.css b/assets/css/jekyll-theme/posts.css
index 901f1dd..af3674a 100644
--- a/assets/css/jekyll-theme/posts.css
+++ b/assets/css/jekyll-theme/posts.css
@@ -1,29 +1,19 @@
-/* On the sidebar, the date is always beside the header.
- * On smaller devices, the date is always beneath the header.
- * On the post page, the date is beside the header or wraps to the next line on
- * larger devices.
- * In the feed, the date is always beside the header on larger devices. */
-@media (min-width: 768px) {
-  .post-header {
-    display: flex;
-    align-items: baseline;
-    justify-content: space-between;
-    column-gap: 1em;
-  }
-  :not(.feed-entry) > .post-header {
-    flex-wrap: wrap;
-  }
-}
-.list-group-item .post-header {
+/* Wrap the post date to the next line if necessary. */
+.post-header {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
-  column-gap: 1em;
+  column-gap: 1.5em;
+}
+.list-group-item .post-header {
+  flex-wrap: nowrap;
 }
 
 .post-date {
   flex: none;
+  /* Right-align the post date if on the next line. */
+  margin-left: auto;
 }
 .post-date .category {
   margin-right: 1em;