css: match custom margin for `dl dt` content headings

1 files changed, 10 insertions, 0 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 9d574bb5..e297993c 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1345,6 +1345,9 @@ dl dt {
 }
 
 dl dt {
+  /* Heads up, this affects the measurement
+   * for dl dt which are .content-heading!
+   */
   margin-bottom: 2px;
 }
 
@@ -2170,6 +2173,13 @@ html[data-url-key="localized.home"] .carousel-container {
   animation-delay: 125ms;
 }
 
+dl dt.content-heading {
+  /* Basic margin-bottom for dt is 2px,
+   * so just subtract 3px from that.
+   */
+  margin-bottom: -1px;
+}
+
 h3.content-heading {
   clear: both;
 }