From b50f5e1cf6364ce7bc21e225e59d2bc519aa93a9 Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Mon, 10 May 2021 19:06:07 -0400
Subject: Improve internal page overflow (#1660)

* Improve overflow of internal pages

* Improve wrapping of the Origin: example text
---
 ext/css/settings.css | 7 +++++--
 ext/info.html        | 2 ++
 ext/legal.html       | 2 ++
 ext/permissions.html | 4 +++-
 ext/welcome.html     | 2 ++
 5 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/ext/css/settings.css b/ext/css/settings.css
index 9a0e0a8b..b7598121 100644
--- a/ext/css/settings.css
+++ b/ext/css/settings.css
@@ -248,7 +248,7 @@ a.heading-link-light {
     overflow-y: scroll;
     position: relative;
     align-items: stretch;
-    justify-content: center;
+    justify-content: flex-start;
 }
 .content-left {
     flex: 1 1 0;
@@ -257,7 +257,7 @@ a.heading-link-light {
     z-index: 5;
 }
 .content-center {
-    flex: 1 1 auto;
+    flex: 0 1 auto;
     width: var(--content-width);
     padding: 0 var(--main-content-padding);
     max-width: var(--content-width);
@@ -2310,6 +2310,9 @@ input[type=number].dictionary-priority {
 .no-wrap {
     white-space: nowrap;
 }
+.overflow-wrap-anywhere {
+    overflow-wrap: anywhere;
+}
 
 
 /* Environment-specific display */
diff --git a/ext/info.html b/ext/info.html
index fa330046..5872dda4 100644
--- a/ext/info.html
+++ b/ext/info.html
@@ -18,6 +18,7 @@
 
 <!-- Main content -->
 <div class="content-outer"><div class="content">
+<div class="content-left"></div>
 <div class="content-center">
 
     <span tabindex="-1" id="content-scroll-focus"></span>
@@ -55,6 +56,7 @@
     <div class="footer-padding"></div>
 
 </div>
+<div class="content-right"></div>
 </div></div>
 
 <!-- Scripts -->
diff --git a/ext/legal.html b/ext/legal.html
index ff901e1a..93dfaf77 100644
--- a/ext/legal.html
+++ b/ext/legal.html
@@ -18,6 +18,7 @@
 
 <!-- Main content -->
 <div class="content-outer"><div class="content">
+<div class="content-left"></div>
 <div class="content-center">
 
     <span tabindex="-1" id="content-scroll-focus"></span>
@@ -147,6 +148,7 @@ THE SOFTWARE.
     <div class="footer-padding"></div>
 
 </div>
+<div class="content-right"></div>
 </div></div>
 
 <!-- Scripts -->
diff --git a/ext/permissions.html b/ext/permissions.html
index e5be7219..d4d06af6 100644
--- a/ext/permissions.html
+++ b/ext/permissions.html
@@ -19,6 +19,7 @@
 
 <!-- Main content -->
 <div class="content-outer"><div class="content">
+<div class="content-left"></div>
 <div class="content-center">
 
     <span tabindex="-1" id="content-scroll-focus"></span>
@@ -56,7 +57,7 @@
                         as this can be used to fingerprint browser configuration.
                     </p>
                     <p>
-                        Example: <code>Origin: <span class="extension-id-example"></span></code>
+                        Example: <code class="overflow-wrap-anywhere">Origin: <span class="extension-id-example"></span></code>
                     </p>
                 </div>
             </div>
@@ -189,6 +190,7 @@
     <div class="footer-padding"></div>
 
 </div>
+<div class="content-right"></div>
 </div></div>
 
 
diff --git a/ext/welcome.html b/ext/welcome.html
index 5561dee7..06acc5e4 100644
--- a/ext/welcome.html
+++ b/ext/welcome.html
@@ -18,6 +18,7 @@
 
 <!-- Main content -->
 <div class="content-outer"><div class="content">
+<div class="content-left"></div>
 <div class="content-center">
 
     <span tabindex="-1" id="content-scroll-focus"></span>
@@ -178,6 +179,7 @@
     <div class="footer-padding"></div>
 
 </div>
+<div class="content-right"></div>
 </div></div>
 
 
-- 
cgit v1.2.3