From ba687bb957887b26b1d153a150c90b93bf75b6fe Mon Sep 17 00:00:00 2001
From: Rito Rhymes <rito@ritovision.com>
Date: Tue, 19 May 2026 03:23:19 -0400
Subject: [PATCH 1/2] Wrap long EIP preamble text

Add a .wrap-anywhere utility and apply it to the EIP preamble table so
long author and metadata values break before they overflow the header
layout. Also allow the header hgroup itself to wrap on narrow viewports.
---
 sass/assets/css/style.scss | 11 +++++++++++
 templates/eip.html         |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/sass/assets/css/style.scss b/sass/assets/css/style.scss
index 4bf4052..a82bd86 100644
--- a/sass/assets/css/style.scss
+++ b/sass/assets/css/style.scss
@@ -42,6 +42,17 @@ $content-width: 1152px;
   background-color: rgba(0,0,0,0) !important;
 }
 
+header hgroup,
+header hgroup * {
+  overflow-wrap: anywhere;
+}
+
+.wrap-anywhere,
+.wrap-anywhere th,
+.wrap-anywhere td {
+  overflow-wrap: anywhere;
+}
+
 table.preamble > tbody > tr > :not(:first-child) {
   width: 100%;
 }
diff --git a/templates/eip.html b/templates/eip.html
index 66e73cb..76459d7 100644
--- a/templates/eip.html
+++ b/templates/eip.html
@@ -200,7 +200,7 @@ <h1 class="page-heading">
 			</h1>
 			<p role="doc-subtitle">{{ page.description }}</p>
 		</hgroup>
-		<table class="table table-borderless preamble">
+		<table class="table table-borderless preamble wrap-anywhere">
 			<tbody>
 				<tr>
 					<th scope="row">Authors</th>

From 9333b419aa1e4d3ca9c05117ff86419750cb29c4 Mon Sep 17 00:00:00 2001
From: Rito Rhymes <rito@ritovision.com>
Date: Tue, 19 May 2026 03:23:19 -0400
Subject: [PATCH 2/2] Improve proposal listing table sizing

Keep mobile tables sized to their content instead of forcing full-width
layout with significant empty space inside the table border.

Cap inline-block tables to the available width so oversized tables can
still fall back to horizontal scrolling.

Give the proposal listing title column a minimum width so it stays
readable when the table shrinks, and cap the author column so one long
author name does not expand the whole row.
---
 sass/assets/css/style.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/sass/assets/css/style.scss b/sass/assets/css/style.scss
index a82bd86..a67b905 100644
--- a/sass/assets/css/style.scss
+++ b/sass/assets/css/style.scss
@@ -53,6 +53,14 @@ header hgroup * {
   overflow-wrap: anywhere;
 }
 
+@include media-query($on-laptop) {
+  table {
+    display: inline-block;
+    max-width: 100%;
+    width: auto !important;
+  }
+}
+
 table.preamble > tbody > tr > :not(:first-child) {
   width: 100%;
 }
@@ -116,6 +124,7 @@ pre,code {
 }
 
 .eiptable .title {
+  min-width: 300px;
   width: 67%;
 }
 
@@ -126,6 +135,7 @@ pre,code {
 }
 
 .eiptable .author {
+  max-width: 300px;
   min-width: 33%;
 }