css: make extra details in cover grids a bit subdued

1 files changed, 7 insertions, 5 deletions

diff --git a/src/static/site4.css b/src/static/site4.css
index bfb2e46f..d7801f20 100644
--- a/src/static/site4.css
+++ b/src/static/site4.css
@@ -841,11 +841,6 @@ img {
   margin-bottom: auto;
 }
 
-.grid-item span {
-  overflow-wrap: break-word;
-  hyphens: auto;
-}
-
 .grid-item:hover {
   text-decoration: none;
 }
@@ -856,6 +851,8 @@ img {
 
 .grid-item > span {
   display: block;
+  overflow-wrap: break-word;
+  hyphens: auto;
 }
 
 .grid-item > span:not(:first-child) {
@@ -866,6 +863,11 @@ img {
   margin-top: 6px;
 }
 
+.grid-item > span:not(:first-of-type) {
+  font-size: 0.9em;
+  opacity: 0.8;
+}
+
 .grid-item:hover > span:first-of-type {
   text-decoration: underline;
 }