From fa06e74b070593d9c1e18dbd7694804bd0fdbb6a Mon Sep 17 00:00:00 2001
From: Naomi Pentrel <5212232+npentrel@users.noreply.github.com>
Date: Fri, 6 Oct 2023 13:54:18 +0200
Subject: [PATCH] DOCS-1095: Update page width to 90% (#1967)

---
 assets/scss/_styles_project.scss    | 22 ++++++++++++++++++++--
 assets/scss/_variables_project.scss |  2 +-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 63abfb7353..40142c0a95 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -956,7 +956,7 @@ td > ul, td > ol {
   .center-if-small { display: block; margin-left: auto; margin-right: auto; }
 }
 
-// Fix page width on full screen to be 80%
+// Fix page width on full screen to be 90%
 
 .td-content > .code-toolbar,
 .td-content > .table,
@@ -965,7 +965,25 @@ td > ul, td > ol {
 .td-content > picture,
 .td-content > picture > img {
   @include media-breakpoint-up(lg) {
-      max-width: 80%;
+      max-width: 90%;
+  }
+}
+
+@media (min-width: 992px) {
+  .td-max-width-on-larger-screens,
+  .td-content>pre,
+  .td-content>.highlight,
+  .td-content>.lead,
+  .td-content>h1,
+  .td-content>h2,
+  .td-content>ul,
+  .td-content>ol,
+  .td-content>p,
+  .td-content>blockquote,
+  .td-content>dl dd,
+  .td-content .footnotes,
+  .td-content>.alert {
+    max-width: 90%;
   }
 }
 
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 18bb45fb99..4511107f88 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -171,7 +171,7 @@ file {
 
 @media (min-width: 992px) {
   .td-content > .expand {
-    width: 80%;
+    width: 90%;
   }
 }