content, css: generateQuickDescription: use blockquote

Lets nested blockquote styling kick in.

2 files changed, 5 insertions, 1 deletions

diff --git a/src/content/dependencies/generateQuickDescription.js b/src/content/dependencies/generateQuickDescription.js
index 4c7c944a..e144503e 100644
--- a/src/content/dependencies/generateQuickDescription.js
+++ b/src/content/dependencies/generateQuickDescription.js
@@ -100,7 +100,7 @@ export default {
         children);
 
     const wrapContent = (attributes, content) =>
-      html.tag('div', {class: 'description-content'},
+      html.tag('blockquote', {class: 'description-content'},
         {[html.onlyIfContent]: true},
         attributes,
 
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 781bafd5..7325a655 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1555,6 +1555,10 @@ ul.quick-info li:not(:last-child)::after {
   text-align: center;
 }
 
+.quick-description > blockquote {
+  margin-left: 0 !important;
+}
+
 .quick-description .description-content.long hr ~ p {
   text-align: left;
 }