From 9a0ab0b2af4ab079e15dea3ef23798bed94bea98 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Mon, 4 Nov 2024 11:09:45 -0600
Subject: [PATCH] Website: update queries page styles (#23489)

Changes:
- Updated the class on the query code blocks on the query details page
to make sure they have SQL syntax highlighting.
 - Updated the query details page stylesheet.
---
 website/assets/styles/pages/query-detail.less | 1 +
 website/views/pages/query-detail.ejs          | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/assets/styles/pages/query-detail.less b/website/assets/styles/pages/query-detail.less
index da9bed8c4a..56cf5cb71a 100644
--- a/website/assets/styles/pages/query-detail.less
+++ b/website/assets/styles/pages/query-detail.less
@@ -159,6 +159,7 @@
   [purpose='policy-details'] {
     padding-right: 64px;
     max-width: 800px;
+    width: 100%;
   }
   [purpose='policy-check'] {
     padding-bottom: 24px;
diff --git a/website/views/pages/query-detail.ejs b/website/views/pages/query-detail.ejs
index 5310b01233..332fded077 100644
--- a/website/views/pages/query-detail.ejs
+++ b/website/views/pages/query-detail.ejs
@@ -45,7 +45,7 @@
             <p>Use the policy below to verify</p>
             <div purpose="codeblock">
               <div purpose="copy-button"></div>
-              <pre><code><%- query.query %></code></pre>
+              <pre><code class="hljs sql"><%- query.query %></code></pre>
             </div>
           </div>
         </div>