css: commentary time rule fixes

2 files changed, 6 insertions, 3 deletions

diff --git a/src/content/dependencies/generateCommentaryEntry.js b/src/content/dependencies/generateCommentaryEntry.js
index 9d70ec91..01150844 100644
--- a/src/content/dependencies/generateCommentaryEntry.js
+++ b/src/content/dependencies/generateCommentaryEntry.js
@@ -65,8 +65,11 @@ export default {
             relations.textWithTooltip.slots({
               attributes: {class: 'commentary-date'},
 
+              customInteractionCue: true,
+
               text:
                 html.tag('time',
+                  {class: 'text-with-tooltip-interaction-cue'},
                   {[html.onlyIfContent]: true},
 
                   language.$(titleCapsule, 'date', {
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 266c7b0f..7979002e 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1193,7 +1193,7 @@ ul.image-details li {
   float: right;
 }
 
-.commentary-entry-heading .commentary-date .hoverable {
+.commentary-entry-heading .commentary-date time {
   padding-left: 0.5ch;
   padding-right: 0.25ch;
   margin-left: 0.75ch;
@@ -1201,8 +1201,8 @@ ul.image-details li {
   transition: border-left-color 0.15s;
 }
 
-.commentary-entry-heading .commentary-date .hoverable:hover,
-.commentary-entry-heading .commentary-date .hoverable.has-visible-tooltip {
+.commentary-entry-heading .commentary-date time:hover,
+.commentary-entry-heading .commentary-date .hoverable.has-visible-tooltip time {
   border-left-color: white;
 }