Make the whole disclosure row reach its report

1 files changed, 20 insertions, 5 deletions

diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 978b319b..c4dc43ad 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -365,7 +365,7 @@ div#center_column {
 #footer a {
   margin-left: 1rem;
   margin-right: 1rem;
-  color: CanvasText;   
+  color: CanvasText;
 }
 
 /* ==========================================================================
@@ -732,12 +732,15 @@ div#center_column .chapter_partial h2.headline {
 
 div#center_column .date_and_title_partial h2.headline {
   border-top: none;
-  padding-top: 0;
+  font-size 1.3rem;
+  padding: 0.2rem 0 0 0;
+  margin: 0;
 }
 
-.date_and_title_partial {
-  border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 70%);
-  padding-top: 30px;
+.date_and_title_partial:nth-child(odd of .date_and_title_partial) {
+  background-color: color-mix(in srgb, CanvasText, Canvas 94%);
+  border: solid 1px color-mix(in srgb, CanvasText, Canvas 94%);;
+  border-radius: 6px;
 }
 
 div.article_partial h2 a {
@@ -748,6 +751,18 @@ div.article_partial {
   margin-bottom: 30px;
 }
 
+div.article_partial.date_and_title_partial {
+  position: relative;
+  padding: 0.35rem 0.6rem 1rem;
+  margin-bottom: 0;
+  min-height: 4rem;
+}
+
+.date_and_title_partial h2.headline a::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
 
 div.article_partial p.excerpt {
   color: CanvasText;